Wordpress
博客开头空两格教程一
在博客开头空两格?/p>
这对中文博客却又很有意义的功能?/p>
但是
WordPress
是欧美博客程序,
显然并没有考虑到中文的排版习惯?/p>
根本没有在意这个?/p>
显然这是个很基础的问题,
不过?/p>
面还是说说解决办法吧?/p>
1
、使用空格符号来代替。用选择的话会看到很多编辑、记者等对文字要求比较高的文字工
作者,
使用这个办法?/p>
这样做的缺点是比较麻烦,
每一段都要将输入法切换到全角?/p>
输入?/p>
个空格。而且有时候显示出来并没有你想想的那样的效果?/p>
2
、最为简单的办法,是我们今天所要介绍的,通过样式表文件,?/p>
style.css
来控制。熟?/p>
style.css
的网友,只要你在适当的位置添加上
text-indent:2em;
就可以实现这个功能?/p>
如果只是将文字缩进去两个字符?/p>
那么图片会显得混乱,
因此也可?/p>
同样对图片设置参数?/p>
延伸阅读?/p>
CSS
每段之前自动?/p>
2
?/p>
-text-indent
属?/p>
缩进文本
之前看到一模板,每段文字之前都自动?/p>
2
格,打开看源码并没有空格之类的,是用
CSS
?/p>
text-indent
属?/p>
缩进文本来实现的,这个不常用,有时候可以选用,下面看看具体的?/p>
缩进文本
?/p>
Web
页面上的段落的第一行缩进,这是一种最常用的文本格式化效果?/p>
CSS
提供?/p>
text-indent
属性,该属性可以方便地实现文本缩进?/p>
通过使用
text-indent
属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度?/p>
以是负值?/p>
这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进
5 em
?/p>
p {text-indent: 5em;}
注意:一般来说,可以为所有块级元素应?/p>
text-indent
,但无法将该属性应用于行内元素?/p>
图像之类的替换元素上也无法应?/p>
text-indent
属性。不过,如果一个块级元素(比如段落?/p>
的首行中有一个图像,它会随该行的其余文本移动?/p>
提示:如果想把一个行内元素的第一行“缩进?/p>
,可以用左内边距或外边距创造这种效果?/p>
使用负?/p>
text-indent
还可以设置为负值?/p>
利用这种技术,
可以实现很多有趣的效果,
比如
“悬挂缩进?/p>
?/p>
即第一行悬挂在元素中余下部分的左边?/p>
p {text-indent: -5em;}
不过在为
text-indent
设置负值时要当心,如果对一个段落设置了负值,那么首行的某些文
本可能会超出浏览器窗口的左边界?/p>
为了避免出现这种显示问题?/p>
建议针对负缩进再设置一
个外边距或一些内边距?/p>
p {text-indent: -5em; padding-left: 5em;}
使用百分比?/p>
text-indent
可以使用所有长度单位,包括百分比值?/p>
百分数要相对于缩进元素父元素的宽度。换句话说,如果将缩进值设置为
20%
,所影响?/p>
素的第一行会缩进其父元素宽度?/p>
20%
?/p>
在下例中,缩进值是父元素的
20%
,即
100
个像素:
div {width: 500px;}p {text-indent: 20%;}<div><p>this is a paragragh</p></div>
继承