来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] CSS text-indent 属性用于指定一段文本的第一行之前有多少个水平空格。也就是通常所说的首行文本缩进。...
CSS text-indent 属性用于指定一段文本的第一行之前有多少个水平空格。也就是通常所说的首行文本缩进。 在中文的文章排版中,通常每一个段落的第一行都会有2个文字距离的缩进,这样不但样式美观,也便于读者阅读。 文本缩进的距离是相对于文本包含块的左侧边缘(或右侧边缘,如果是文本方向是rtl的话),文本的方向由属性来决定。 文本缩进的值可以是正数,也可以是负数。负数值可能会受某些具体实现的限制。
<h1 class="image-replacement"> jQuery之家 </h1> h1.image-replacement { width: 350px; height: 75px; background: url("images/logo.png"); text-indent: -9999px; } 官方语法text-indent: <length> | <percentage> | inherit 参数:
另外还有两个实验性的值:
应用范围
示例代码text-indent: 3em text-indent: 40px text-indent: 15% text-indent: each-line text-indent: hanging text-indent: inherit 在线演示下面的例子演示了2个文字宽度的文本缩进效果。 时光赋予了万物更多的明媚与绚烂,“等闲识得春风面,万紫千红总是春”。绿,或许被繁锦所掩盖,生命的底色亦或被万物所凋弊,而谁又注意,缤纷之下,恒古的凝望与守候。如此看来,绿既是多彩的前奏,又是绚烂孕育者。绿,贯穿生命的始终,感染着万物,滋养着生命,其中的意境,几人知晓。 浏览器支持所有现代浏览器都支持
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com