[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的目的很纯净,就是为了模拟现实排版需求中的首行缩进效果。
- 1.基本样式
- 0.样式初始化
- 1. 渐变色
- 2. hover问题
- 3. 阴影
- 4. 选择器
- 5. border.画边线
- 6. 水平垂直居中
- 7.input 输入框需要缩进
- 8.文字问题
- 2. 方法
- 1. 定位浮动和flex
- 1. 阮一峰
- 2. position
- 3. flex
- 2. bootstrap 3
- 3. sass语法
- 4.margin-top bug 解决方法
- 5. iconfont图标
- 3. 动画特效
- 特效总结
- 动画
- css2d转换
- 过渡
- 1. 入场从无到有
- 2. 两面切换
- 3. 小三角及原理
- 4. 点击图片单独显示
- 5. 导航条吸顶
- 6. 进度条
- 7. animate效果 jquery
- 8.3D透视旋转
- 4.grid布局
- 1.grid布局 网格居中对齐
- HTML
- 第一节、学习网站
- 第二节、封装
- 第三节、快捷键使用