善恶资源网专注优秀技术教程分享网-傅汉松!

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

傅汉松 技术教程

汉松出品|资源介绍

傅汉松本次为大家分享的是CSS设置文本块首行缩进的方法

傅汉松

在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>


标签: 暂无标签

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:321976193@qq.com

同类推荐
评论列表

技术教程 CSS设置文本块首行缩进的方法
在css样式代码中,可以利用 text-indent 属性来设置文本块的首行缩进,使用方法也非常的简单,可以参考下面的示例。css text-indent 属性...
扫描二维码阅读原文
QQ娱乐网 January, 01
生成社交图 ×
    94.83ms