css如何控制首行缩进2个字符?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css如何控制首行缩进2个字符?

在CSS中,可以使用text-indent:2em;样式来控制文字首行缩进2个字符。

text-indent属性规定文本块中首行文本的缩进。该属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

em是一种相对长度单位,相对于当前对象内文本的字体尺寸。

示例:首行缩进2个字符

首行缩进

.demo{

width: 550px;

height: 200px;

margin: 50px auto;

}

p{

text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/

}

}

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

效果图:

更多web前端开发相关知识,请查阅 HTML中文网 !!

html p首字母缩进,css如何控制首行缩进2个字符?相关推荐

  1. html首字母样式,CSS实现段落首字母、首字放大特效

    摘要: 段落首字母放大是指放大段落开头的字母或者汉字,主要使用了css的first-letter伪类选择器. 单行放大: 在第一行内放大,效果如下: 复制代码代码如下: Document body { ...

  2. c语言姓名提取首字母,SQL 提取姓名的首字母

    SQL 提取姓名的首字母,你想把姓名变成首字母的形式,考虑人名 Stewie Griffin,你希望得到 S.G.. SQL 提取姓名的首字母 问题描述 你想把姓名变成首字母的形式,考虑人名 Stew ...

  3. oracle 中文拼音取首字母,ORACLE依据中文拼音首字母排序、取得中文拼音首字母函数...

    当前位置:我的异常网» 数据库 » ORACLE依据中文拼音首字母排序.取得中文拼音首字母 ORACLE依据中文拼音首字母排序.取得中文拼音首字母函数 www.myexceptions.net  网友 ...

  4. js中文转拼音首字母(js汉字转拼音首字母)

    一.js中文转拼音首字母实现功能 汉字转拼音首字母,js中文转拼音首字母 二.js中文转拼音首字母业务场景 在写即时通讯时必然要做通讯录(联系人列表),联系人列表通常是按照拼音字母表的顺序进行展示的, ...

  5. html5首字母大小写,css中如何设置英文首字母大写

    css中可使用text-transform属性来设置英文首字母大写.text-transform属性可控制文本的大小写,只需要给包含英文字母文本的元素设置"text-transform:ca ...

  6. html文字段落缩进,CSS text-indent段落首行文字缩进分享

    DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇 让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式. .div ...

  7. css 首字下次,css first-letter实现首字(字母)下沉效果

    css 首字下沉效果原理 首字下沉主要使用到css的first-letter伪元素,然后配合使用font-size和float来设置文字的样式即可实现. first-letter选择器选取指定元素文本 ...

  8. css中首字母下沉_CSS首字母大而精美的首字下沉

    css中首字母下沉 While it's long been possible to create traditional dropcaps on the web using the ::first- ...

  9. 换行样式不要首行缩进_css样式控制首行缩进

    段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字 ...

  10. html怎么编辑首行缩进,CSS如何设置首行缩进?

    开发网页时,涉及到一段甚至多段文字的部分经常会把它设置为首行缩进 ​2​ 个字符,以优化页面,增强用户体验.那么这篇文章 W3Cschool 小编教你 CSS 如何设置首行缩进 . text-inde ...

最新文章

  1. phoenix关联hbase表:通过建立视图映射或表映射的方式
  2. [Leedcode][JAVA][第199题][二叉树的右视图][BFS][DFS][前中后序遍历]
  3. win系统如何连接共享服务器,window7 pro 访问局域网内共享服务器
  4. 【数据结构----笔记5】插入排序算法之【希尔排序算法】
  5. javaWeb基础知识及注意事项
  6. WinForm中窗体重画成圆角矩形
  7. ArcGIS图像配准方法
  8. python十二生肖_十二生肖入诗,妙趣横生,越读越有味道!
  9. 邯郸市信息产业局关于参加2007’中国河北软件与信息服务业发展国际论坛的通知...
  10. 基于深度信念网络的表示学习用于lncrna -疾病关联预测
  11. 中医药与计算机论文,中医药论文参考文献
  12. One PUNCH Man——聚类
  13. Emotion Expression With Fact Transfer for Video Description基于事实传递的视频描述情感表达
  14. 解决笔记本 无线网卡失效问题 intel wifi6 ax201 160mhz无法启动 usb根集线器失效问题
  15. SP2限制连接数补丁!最新版本2.11a
  16. 什么是数据结构,都有哪些数据结构
  17. 转 新入职程序员心得
  18. cookie 有效域名如何设置??
  19. PL-SLAM 配置和测试
  20. del服务器能装win7系统吗,500系列主板能不能装win7?500系列主板装win7教程(支持11代)...

热门文章

  1. 硅谷中那些潜在的颠覆世界的力量
  2. 这个“国宝级”景区,被誉为世界第八大奇迹,形成原因是个谜
  3. Android添加蓝牙音响功能
  4. luogu_1378 油滴扩展
  5. 多线程结果合并计算CyclicBarrier的使用
  6. sublimetext的文件编码理解reopen/reload with encoding,set encoding,save with encoding, set file encoding to
  7. 220v降压成5v电路图-220v降压5v简单电路
  8. leetcode 算法题575 (简单147) 罗马数字转整数
  9. 无限乱斗哪个服务器有,《LOL》国服无限乱斗什么时候出 国服2020无限乱斗上线时间...
  10. 在连接至 Steam 服务器时发生了一个错误。请稍后重试。