Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 css控制每段首行自动缩进方法

css控制每段首行自动缩进方法

发布时间:2020-05-10   编辑:www.jquerycn.cn
jquery中文网为您提供css控制每段首行自动缩进方法等资源,欢迎您收藏本站,我们将为您提供最新的css控制每段首行自动缩进方法资源
我们会很到很多新闻门户网站每一段的文字都会自动缩进了,这样感觉很漂亮,下面我来给大家介绍在css中利用text-indent:就可以做到了

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

将段落的第一行缩进 50 像素:

 代码如下 复制代码

p
{
  text-indent:50px;
}

text-indent:2em定义了文本缩进2em,em是相对长度单位,在这里你设置的字体大小有多大(px),1em就是多大。这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。


以下是定义名称为content的DIV中的内容,每段首行空两格

 代码如下 复制代码


#content .divcontent p{padding:0px;margin:0px;text-indent:2em;}

注意:所有浏览器都支持 text-indent 属性。

您可能感兴趣的文章:
css控制每段首行自动缩进方法
css控制段落首行缩进 text-indent
在IIS中启用gzip压缩
iis中不能开启Gzip压缩的问题
ASP.NET 2.0服务器控件开发
移动端利用H5实现压缩图片上传的功能
文章内容段落首行缩进简单方法
IIS压缩及性能优化
apache启用gzip压缩方法
如何用CSS控制图片自适应大小?

[关闭]