如何使用css进行其他行缩进?

时间:2013-08-06 04:03:01

标签: css

我小心使用text-indent缩进第一行,现在我希望缩进其他行,所以我使用下面的代码。 但是,我不认为代码是好的,你能给我一些建议吗?谢谢!

<style type="text/css">
    .Item {
       margin-top:4px;  
       margin-bottom:4px; 
       margin-left:20px;
       text-indent:-20px;         
    } 
</style>

2 个答案:

答案 0 :(得分:1)

好的,我认为从查看代码时你试图向后缩进第一行而不是向内缩进。 外观如何: http://jsfiddle.net/techsin/MdbJd/1/embedded/result/

看一下这个演示:http://jsfiddle.net/MdbJd/

您需要做的是设置padding:5px; or whatever。或width:

保证金适用于元素之外的所有内容。

答案 1 :(得分:1)

你想要的是padding

如果您只想在左侧(如缩进),请执行padding-left: 20px

如果你想要其他地方,你可以使用下面的任何填充语法:

padding-left: left;
padding-right: right;
padding-top: top;
padding-bottom: bottom;
padding: top right bottom left;
padding: top rightAndLeft bottom;
padding: topAndBottom leftAndRight;
padding: all;

实施例

padding: 10px 20px 30px;

将提供10px顶部,20px左右(每个)和30px底部。

Take a look here for more info