百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> css控制每段首行自动缩进方法
分享文章到:

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

发布时间:01/15 来源: 浏览: 关键词:
我们会很到很多新闻门户网站每一段的文字都会自动缩进了,这样感觉很漂亮,下面我来给大家介绍在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 属性。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有6人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板