PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

html如何设置首行缩进

醉折花枝作酒筹
醉折花枝作酒筹 原创
2021-06-09 10:04:16 27887浏览

在html中,可以使用text-indent属性设置首行缩进,只需要给文本元素设置“text-indent:缩进值”即可。text-indent属性规定文本块中首行文本的缩进;允许使用负值,如果使用负值,那么首行会被缩进到左边。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

  
    <meta>
    <title>缩进2字符</title>
    <style>
      .p {
        text-indent: 2em;
      }
    </style>
  
  
    <p>
      善良是你的本性,漂亮是你的天性,聪明是你的优点,贤惠是你的资本,温柔是你的标志,真诚是你的品格,妇女节,提前祝你开心幸福,年轻美丽一辈子!
    </p>

    <p>
      温暖三月,春回大地,阳光明媚,绿草青青,整理好思绪,收拾好心情,感受美好生活,品味妇女节精彩,女人就是要对自己好点,节日快乐,祝你永远年轻!
    </p>
  

效果:

WZDZKS3OYO}0]B(Y3_)Q3LG.png

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

)~G()6E9JOB17}X(@QS5[MS.png

推荐学习:html视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。