CSS首行文字缩进
来源:互联网 发布:新时代证券软件 编辑:程序博客网 时间:2024/05/17 09:29
只需要在相应的位置加入代码
- text-indent:2em;
就很容易实现喽~
text-indent:2em;解释:text的意思是文本、indent在计算机英语中意思是缩进、至于后面的2em意思就是2个相对单位;
em解释:相对于当前对象内文本的字体尺寸。(引自CSS2.0手册)各位同学,要仔细品一下这个概念!理解喽没有,em这个单位的意思就是相对文字大小,1em就是1个文字大小,2em就是两个文字大小,到这里看明白了吧,理解“text-indent:2em;”的意思了吧,就是“文本缩进两个文字大小”,这不就是我们要的效果么?
将上面的代码给大家写出来,CSS代码是用的行内方式
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>CSS学习网 - 首行文字缩进</title>
- </head>
- <body>
- <div style="width:300px; text-indent:2em;">CSS学习网,提倡资源共享“分享才能更快乐”,每个人在分享资源的时候,同时也获得了人气和尊重,你将会有更多的同行朋友,团结在你的周围,成为你的左膀右臂.
- </div>
- </body>
- </html>
- CSS首行文字缩进
- 首行文字缩进text-indent
- css首行缩进
- css 多行文字换行
- css 多行文字居中
- css限制两行文字
- CSS段落首行缩进
- CSS设置字间距、行间距、首行缩进
- css布局-多行文字垂直居中
- CSS实现多行文字垂直居中
- css两行文字超出显示省略号
- css布局-多行文字垂直居中
- css 两行文字 多的用。。。。
- css两行文字显示省略号
- CSS实现首行缩进和悬挂缩进
- 改变多行文本字符串的缩进
- CSS 首行缩进两个文字
- 利用CSS实现段落首行缩进
- 七个受用一生的心理寓言
- 从此弃IList从List
- 用dbschema工具导出Informix数据库的结构
- 银行家算法(C实现 Visual Stdio 2005环境)
- Solaris bad pbr sig”的问题
- CSS首行文字缩进
- DB2监视器堆使用率问题
- flex 幸运大转盘 代码
- ARM平台 结构体字节对齐引起的一个问题
- 2010.06.10 开始c,C++学习之旅
- javascript 中match函数使用详解
- 开机黑屏的一般解决方法
- 编写跨浏览器兼容的 CSS 代码的金科玉律
- 国企和外企简历的区别及其写法