Question

我怎么能在这里有一个缩进：

抱歉我的问题含糊不清，我希望在“9.00”和左边界之间进行缩进。请查看我在此处的链接：

http://img714.imageshack.us/i/spacing.png/

<table border="1">
    <col width="100" />
    <col width="300" />
    <tr>
        <td> 9.00 </td>
        <td> Name Name Name Name Name<br/>
            Greetings Greetings 
        </td>
    </tr>
</table>

Answer 1

使用CSS margin和padding。

Answer 2

除了所有其他答案之外，我能否指出最简单的解决方案：

p {
  text-indent: 1em; /* will indent the first-line of a paragraph by 1em */
}

Answer 3

看起来你想要的可以通过（1）居中对齐文本或（2）填充文本来实现。执行此操作的一种方法（但有更好的方法）是为<td>元素提供align=center属性。

 <table border="1">
  <col width="100" />
  <col width="300" />
   <tr>
   <td align="center"> 9.00 </td>
   <td align="center"> Name Name Name Name Name<br/>
   Greetings Greetings </td>
    </tr>
   </table>

警告：这会有效，但已过时。使用层叠样式表可以更好地。

Answer 4

如果你想使用CSS，你可以说：

<style type="text/css">
.paddingClass td {
    padding: 0 10px;
}
</style>

在桌面上添加课程：

<table border="1" class="paddingClass">
    <col width="100" />
    <col width="300" />
    <tr>
        <td>9.00</td>
        <td>
            Name Name Name Name Name<br />
            Greetings Greetings
        </td>
    </tr>
</table>

Answer 5

请记住，在呈现HTML时，所有“空格”都会缩减为单个空格字符。您可以使用＆amp; nbsp;手动强制增加间距。字符实体，所以你可以简单地做：

<tr>
    <td>&nbsp;&nbsp;&nbsp;9.00</td>
    <td>
        Name Name Name Name Name<br />
        Greetings Greetings
    </td>
</tr>

是的，它非常难看 - 但如果你只想要一个“快速而肮脏”的方式，那就试试吧。

如何在HTML中缩进

5 个答案: