html首行缩进怎么设置
程序员文章站
2022-03-02 14:04:12
...
设置html首行缩进的方法是，给段落文本添加text-indent属性，并设置合理的缩进值大小即可，例如【p {text-indent:50px;}】。
本文操作环境：windows10系统、html 5、thinkpad t480电脑。
我们可以通过text-indent属性来实现文本的首行缩进效果，使用起来非常简单。可能有不少小伙伴不太了解text-indent属性，下面我们就来了解下text-indent属性。
text-indent 属性规定文本块中首行文本的缩进。
属性值：
length 定义固定的缩进。默认值：0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>(php.cn)</title>
<style>
p {text-indent:50px;}
</style>
</head>
<body>
<p>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. </p>
</body>
</html>
运行效果如下图所示：
相关推荐：html视频教程
以上就是html首行缩进怎么设置的详细内容，更多请关注其它相关文章！
上一篇： html怎么设置文本框边框颜色
下一篇： html如何设置边框为虚线
推荐阅读
-
不知大家遇到过这种问题么，一个层宽度设为100%，并设置背景图片，在浏览器中浏览，缩小窗口到滚动条出现，然后拖动滚动条到右侧，右侧的区域变成空白，怎么解决？_html/css_WEB-ITnose
-
PPT使用文字段落缩进功能实现在每段首行空两个字符
-
html中怎么设置字体透明度
-
iOS UITextView 首行缩进 撤销输入 反撤销输入的实现代码
-
iOS UITextView 首行缩进 撤销输入 反撤销输入的实现代码
-
Eclipse怎么设置自动删除空白行和语句后多余空格?
-
sublime text3中tab怎么设置为默认缩进四个空格?
-
h5图片轮播怎么设置（简单html图片轮播）
-
Excel怎么同时冻结标题和最下面一行即同时冻结首行和尾行附GIF动画
-
h5图片轮播怎么设置（简单html图片轮播）