助力软件开发企业降本增效 PHP / java源码系统,只需一次付费,代码终身使用! 广告
[TOC] padding-rigrh:30px 或 text-indent:30px text-indent和padding-left的基本区别: padding-left基于盒模型,适用于inline和block层级的元素 text-indent基于行内排版,仅仅适用于block层级的元素,作用于block层级的元素的内部第一行文字 几乎他们所有的表现区分都是这二者的区分。 padding-left会作用于inline框或block框的左侧padding区域,会影响到content-box,而文字子节点会出现在content-box内部,因此所有文字都会左移。 text-indent会作用于block框的第一行文字。无论是文字超过容器的宽度被white-space的相应规则截断,还是文字中的回车被white-space的相应规则保留,最终导致第二行第三行第N行出现,后面的第二行第三行第N行都不会应用到相应的indent。text-indent的目的很纯净,就是为了模拟现实排版需求中的首行缩进效果。