CSS 怎么实现悬挂缩进(不是首行缩进),求解~(^o^)~

html-css062

CSS 怎么实现悬挂缩进(不是首行缩进),求解~(^o^)~,第1张

<style type="text/css">

.s{padding:2emtext-indent:-1em}

</style>

<p class="s">asdf sdf sdsfs sfsfsfs <br>adfs fd</p>

.s{padding:2emtext-indent:-1em}

</style>

<p class="s">asdf sdf sdsfs sfsfsfs <br>adfs fd</p>

在样式表里查找 text-indent 去掉相应的值即可了;

关于这个参数的试用详情如下:

CSS text-indent 属性

定义

text-indent 属性规定文本块中首行文本的缩进。

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

说明

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

默认值:not specified

继承性:yes

版本:CSS1

JavaScript 语法:

object.style.textIndent="50px"

实例

将段落的第一行缩进 50 像素:

p

{

text-indent:50px

}

浏览器支持:所有浏览器都支持 text-indent 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

值 描述

length定义固定的缩进。默认值:0。

% 定义基于父元素宽度的百分比的缩进。

inherit规定应该从父元素继承 text-indent 属性的值。