CSS设置文本块首行缩进的方法

2021-12-11 13:06:04

316

在css样式代码中，可以利用 text-indent 属性来设置文本块的首行缩进，使用方法也非常的简单，可以参考下面的示例。

css text-indent 属性

text-indent：为CSS样式代码中的一个属性，它规定文本块中首行文本的缩进大小，其默认值为0，可以将值设置为其父元素的百分比或指定的缩进长度。

例：

text-indent: 1em;
text-indent: 10px;
text-indent: 10%;

css设置文本块的首行缩进的示例

示例代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>顺晟科技博客</title>
<style>
div{
height: 200px;
width: 200px;
background-color: #f5f5f5;
padding: 10px;
}
.div1{
text-indent: 2em; /*这里定义了首行缩进,一个em相当于一个字体的大小，2个相当于两个字体的大小*/
background-color: #ccc;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div>
上篇博文说了一下利用 php 脚本中的 getlastmod() 函数可以获取脚本所在文件的最后修改时间，但如果想获取一个指定文件的最后修改时间该如何实现呢？这里就要借助 php 脚本中的 filemtime() 函数了。
</div>
<div>
上篇博文说了一下利用 php 脚本中的 getlastmod() 函数可以获取脚本所在文件的最后修改时间，但如果想获取一个指定文件的最后修改时间该如何实现呢？这里就要借助 php 脚本中的 filemtime() 函数了。
</div>
</body>
</html>

运行代码示例：

CSS设置文本块首行缩进的方法

上一篇：求助，安装vue的时候提示这个错误。下一篇：js设置input为只读的方法

网站建设

Js

CSS设置文本块首行缩进的方法