css如何设置段落缩进
时间:2021-04-18
来源:互联网
今天PHP爱好者给大家带来在css中,可以使用“text-indent”属性设置段落缩进,语法“text-indent:数值”;该属性规定文本块中首行文本的缩进,允许使用负值,如果使用负值,那么首行会被缩进到左边。希望对大家有所帮助。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
text-indent缩进语法与结构
.divcss5{text-indent:25px}
这里divcss5对象内段落首行开头文字缩进了25像素。
css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。
css段落段首文字缩进案例
通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。
CSS代码
.divcss5{
text-indent:35px
}
HTML代码片段
<div class="divcss5">
<p>第一段开始缩进效果<br /> 使用br标签的换行将不会缩进 </p>
<p>第二段使用p标签段落首行也会缩进<br /> 第二行使用了br不会缩进<br /> 第三行提行使用了br也不会缩进</p>
</div>
运行结果:
以上就是css如何设置段落缩进的详细内容,更多请关注php爱好者其它相关文章!
-
比特币突破12.2万历史新高:机构浪潮与「加密週」预示飙升的可能 时间:2025-07-16
-
SharpLink持仓30万枚ETH,超以太坊基金会成最大持有者!刚融资四亿美元:会继续加仓 时间:2025-07-16
-
欧易优惠活动入口 时间:2025-07-16
-
OKX手机端使用教程 时间:2025-07-16
-
欧易账户安全设置 时间:2025-07-16
-
BigONE遭黑客攻击:黑客窃取价值超2700万美元加密货币 时间:2025-07-16
今日更新
-
css如何使用important
阅读:21
-
css如何设置行距
阅读:20
-
介绍iis搭建简单网站
阅读:27
-
c语言如何实现1~n累加求和
阅读:22
-
css如何不显示元素
阅读:21
-
如何把xdf文件转为word文档
阅读:31
-
CSS如何隐藏文字
阅读:26
-
介绍swoole之进程模型
阅读:24
-
css如何设置占位隐藏
阅读:24
-
冒泡排序、快速排序和堆排序的时间复杂度是多少
阅读:24