欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

CSS text-indent段落首行文字缩进

22选5河南最新开奖今 www.gsf5k.cn 22选5河南最新开奖今 text-indent段落首行文字缩进,22选5河南最新开奖今段首缩进,可控制缩进距离样式教程篇

让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式。

一、text-indent缩进语法与结构   -   TOP

.divcss5{text-indent:25px}
这里22选5河南最新开奖今对象内段落首行开头文字缩进了25像素。

css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。

二、css段落段首文字缩进案例   -   TOP

通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。

1、CSS代码
.divcss5{ text-indent:35px}

2、HTML代码片段

  1. <div class="divcss5"> 
  2. <p>第一段开始缩进效果<br /> 
  3. 使用br标签的换行将不会缩进 
  4. </p> 
  5. <p>第二段使用p标签段落首行也会缩进<br /> 
  6. 第二行使用了br不会缩进<br /> 
  7. 第三行提行使用了br也不会缩进</p> 
  8. </div> 

3、段首缩进案例截图

div+css text-indent段落首行文字缩进应用案例截图
22选5河南最新开奖今 text-indent文本段落缩进应用案例截图

三、首行段落文字缩进text-indent总结   -   TOP

我们要让每段文字开头缩进,并且可以控制缩进距离我使用text-indent缩进单词。如果不想使用text-indent样式进行缩进,我可以使用空格来实现,但需要多打几个html空格字符&nbsp;”实现空格字符占位缩进,你可以详细了解html多空格字符应用。

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r400.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2013-02-10 00:28 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-01-19
  • 承认私有制存在,却否认阶级分析。睁着眼睛说瞎话,强坛独一份。 2019-01-19
  • 广东院士联合会:“新起点”开启助力广东创新驱动发展“新征程” 2019-01-18
  • 寻找把他吃剩的饭菜找包后,丢给四两吃,这能算道德?[微笑] 2019-01-18
  • 长治市争创全国禁毒示范城市 2019-01-18
  • 21世纪中国的马克思主义 2019-01-18
  • 6月温州市区普通商品住房地块集中出让 2019-01-17
  • 中国动力电池市场竞争加剧 70家公司仅占3成份额 2019-01-17
  • 儿童版《流星花园》?胡可晒安吉小鱼儿与七宝合影 2019-01-17
  • 6个关键词 教你读懂最新癌症预防报告 2019-01-16
  • 嘱望上合 青岛之约 2019-01-16
  • 勤劳的女人最美丽 河南温县“农家女”创业带富乡邻 2019-01-16
  • 增强“四个意识”做政治上的明白人 2019-01-15
  • 郪江,隐藏在川东丘陵中的战国小镇文章中国国家地理网 2019-01-15
  • 第六届(2017)赛迪学术年会系统测评分论坛举办 2019-01-15
  • 702| 830| 140| 697| 377| 664| 33| 263| 741| 611|