html p首字母缩进,css如何控制首行缩进2个字符?
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个字符?相关推荐
- html首字母样式,CSS实现段落首字母、首字放大特效
摘要: 段落首字母放大是指放大段落开头的字母或者汉字,主要使用了css的first-letter伪类选择器. 单行放大: 在第一行内放大,效果如下: 复制代码代码如下: Document body { ...
- c语言姓名提取首字母,SQL 提取姓名的首字母
SQL 提取姓名的首字母,你想把姓名变成首字母的形式,考虑人名 Stewie Griffin,你希望得到 S.G.. SQL 提取姓名的首字母 问题描述 你想把姓名变成首字母的形式,考虑人名 Stew ...
- oracle 中文拼音取首字母,ORACLE依据中文拼音首字母排序、取得中文拼音首字母函数...
当前位置:我的异常网» 数据库 » ORACLE依据中文拼音首字母排序.取得中文拼音首字母 ORACLE依据中文拼音首字母排序.取得中文拼音首字母函数 www.myexceptions.net 网友 ...
- js中文转拼音首字母(js汉字转拼音首字母)
一.js中文转拼音首字母实现功能 汉字转拼音首字母,js中文转拼音首字母 二.js中文转拼音首字母业务场景 在写即时通讯时必然要做通讯录(联系人列表),联系人列表通常是按照拼音字母表的顺序进行展示的, ...
- html5首字母大小写,css中如何设置英文首字母大写
css中可使用text-transform属性来设置英文首字母大写.text-transform属性可控制文本的大小写,只需要给包含英文字母文本的元素设置"text-transform:ca ...
- html文字段落缩进,CSS text-indent段落首行文字缩进分享
DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇 让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式. .div ...
- css 首字下次,css first-letter实现首字(字母)下沉效果
css 首字下沉效果原理 首字下沉主要使用到css的first-letter伪元素,然后配合使用font-size和float来设置文字的样式即可实现. first-letter选择器选取指定元素文本 ...
- css中首字母下沉_CSS首字母大而精美的首字下沉
css中首字母下沉 While it's long been possible to create traditional dropcaps on the web using the ::first- ...
- 换行样式不要首行缩进_css样式控制首行缩进
段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字 ...
- html怎么编辑首行缩进,CSS如何设置首行缩进?
开发网页时,涉及到一段甚至多段文字的部分经常会把它设置为首行缩进 2 个字符,以优化页面,增强用户体验.那么这篇文章 W3Cschool 小编教你 CSS 如何设置首行缩进 . text-inde ...
最新文章
- phoenix关联hbase表:通过建立视图映射或表映射的方式
- [Leedcode][JAVA][第199题][二叉树的右视图][BFS][DFS][前中后序遍历]
- win系统如何连接共享服务器,window7 pro 访问局域网内共享服务器
- 【数据结构----笔记5】插入排序算法之【希尔排序算法】
- javaWeb基础知识及注意事项
- WinForm中窗体重画成圆角矩形
- ArcGIS图像配准方法
- python十二生肖_十二生肖入诗,妙趣横生,越读越有味道!
- 邯郸市信息产业局关于参加2007’中国河北软件与信息服务业发展国际论坛的通知...
- 基于深度信念网络的表示学习用于lncrna -疾病关联预测
- 中医药与计算机论文,中医药论文参考文献
- One PUNCH Man——聚类
- Emotion Expression With Fact Transfer for Video Description基于事实传递的视频描述情感表达
- 解决笔记本 无线网卡失效问题 intel wifi6 ax201 160mhz无法启动 usb根集线器失效问题
- SP2限制连接数补丁!最新版本2.11a
- 什么是数据结构,都有哪些数据结构
- 转 新入职程序员心得
- cookie 有效域名如何设置??
- PL-SLAM 配置和测试
- del服务器能装win7系统吗,500系列主板能不能装win7?500系列主板装win7教程(支持11代)...
热门文章
- 硅谷中那些潜在的颠覆世界的力量
- 这个“国宝级”景区,被誉为世界第八大奇迹,形成原因是个谜
- Android添加蓝牙音响功能
- luogu_1378 油滴扩展
- 多线程结果合并计算CyclicBarrier的使用
- sublimetext的文件编码理解reopen/reload with encoding,set encoding,save with encoding, set file encoding to
- 220v降压成5v电路图-220v降压5v简单电路
- leetcode 算法题575 (简单147) 罗马数字转整数
- 无限乱斗哪个服务器有,《LOL》国服无限乱斗什么时候出 国服2020无限乱斗上线时间...
- 在连接至 Steam 服务器时发生了一个错误。请稍后重试。