css - 如何使用 css 使其他行缩进？

Question

我在第一行使用 text-indent 缩进，现在我希望为其他行缩进，所以我使用以下代码。但是，我不认为代码很好，你能给我一些建议吗？谢谢！

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

Answer 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 底部。

在这里查看更多信息

Answer 2

好的，我认为通过查看您试图将第一行向后而不是向内缩进的代码。 它的外观：http: //jsfiddle.net/techsin/MdbJd/1/embedded/result/

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

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

边距适用于元素之外的所有内容。