html里p标签里面如何让首行缩进两格？

我们在做页面的时候难免要用到<p>标签写一个段落，但是用<p>标签写的段落和平时我们看文章的段落不太一样，首行并没有空两个格。该怎么办呢？
这就需要用到css中的text-indent属性。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>段落缩进</title>
<style>.p1{text-indent: 40px;}.p2{text-indent: 3em;}
</style>
</head>
<body><p class="p1">斯蒂芬·库里（Stephen Curry），1988年3月14日出生于美国俄亥俄州阿克伦（Akron,Ohio），美国职业篮球运动员，司职控球后卫，效力于NBA金州勇士队。</p><p class="p2">斯蒂芬·库里于2009年通过选秀进入NBA后一直效力于勇士队，新秀赛季入选最佳新秀第一阵容；2014-15、2016-17、2017-18赛季三次随勇士队获得NBA总冠军；两次当选常规赛MVP，两次入选最佳阵容第一阵容，5次入选全明星赛西部首发阵容。</p>
</body>
</html>

效果如下：
注意：
1.在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我写的3em其实就是缩进了三个汉字的长度。
2.允许使用负值。如果使用负值，那么首行会被缩进到左边。

html里p标签里面如何让首行缩进两格？相关推荐

div+CSS实现段落首行缩进两个字符（text-indent标签）
div+CSS实现段落首行缩进两个字符段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符. 应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进 ...
vs2022 c#调用interop.word 12.0版本也就是word2007实现首行缩进两个字符
直接在nuget安装interop.word不太行,会有警告或者错误.应该直接添加com引用. Microsoft.Office.Interop.Word.dll这个文件不同版本可以自己去下载,从nu ...
html怎么实现首行缩进两个字符
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
文本溢出处理和文本首行空两格解决办法
文本溢出处理 word-break:规定自动换行的处理方法,一般取值为keep-all(在半角空格或连字符处换行) overflow:规定当内容溢出元素框时发生的事情, 一般取值为hidden(隐藏) ...
CSDN博客首行空两格
中文的阅读习惯,段落首行通常缩进两字符,在Word中我习惯按一下table,CSDN博客首行缩进两字符不能这样子,可以使用全角符号的空格键,按两下. 切换全角符号的快捷键: shift+space. ...
html p首字母缩进,html里p标签里面如何让每一行首行缩进两格？？？
1.每行都放在p标签里,再设置p标签的样式. 2.在每行文字前面加空格或是span标签,设置span标签padding-left:2em;这个数值自己改改也行. 例如: p标签已经引用了一个css样式 ...
关于css的text-indent首行缩进两个字符和图片缩进的问题
段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style typ ...
换行样式不要首行缩进_CSS实现文章段落首行缩进两个字符不再每次空格
段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 代码如下: p{ text- ...
CSS实现段落首行缩进两个字符
段落前面空两个字的距离,不要再使用空格了,对于文字,需要使用4个才会显示汉字2个字符空格的效果. 用CSS实现段落首缩进两个字符,应该使用首行缩进text-indent.text-indent可以使 ...

html里p标签里面如何让首行缩进两格？

html里p标签里面如何让首行缩进两格？相关推荐

最新文章

热门文章