2010-10-06 32 views
1

縮進我怎麼能在這裏的縮進:如何在HTML

對不起我的問題的不確定性,我想有「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> 
+0

確切在哪裏??? – Trick 2010-10-06 13:14:04

+0

這裏「縮進」是什麼意思?它與[你的其他問題](http://stackoverflow.com/questions/3871237/html-spacing-inside-the-table)有關嗎? – 2010-10-06 13:17:23

+0

我可以在這裏保證金嗎?但不知道如何? – tintincutes 2010-10-06 14:00:19

回答

3

除了所有其他的答案,我可以指出最簡單的辦法:

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

看起來像你想要的可以通過(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> 

買者:這會工作,但已經過時。你是很多更好使用層疊樣式表。

+0

謝謝... ;-)但我只會在css中集成短的html。我知道css比這更好..是的,這與我的其他問題有某種關係。但只是想讓時間「9:00」一個相當,一個縮進 – tintincutes 2010-10-06 13:43:40

+0

感謝「td align =」center「>的作品,但如果我不想在中心,我只想擁有一個在邊界和9.00之間的小空間可以說是1cm ......有可能嗎? – tintincutes 2010-10-06 13:56:17

1

如果你想使用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> 
+1

請注意,'padding:0 10px;'(top/bottom,left/right)會在左邊和右邊添加填充;使用'padding -left:10px;'或'padding:0 0 0 10px;'(top,right,bottom,left)instead for only indentation。 – Alec 2010-10-06 13:34:13

+0

我總是使用padding:0 10px;對於類似的東西我的理由是如果我不想讓它觸摸左邊框,然後我不希望它觸摸正確的那個。但是,謝謝你添加警告:) – 2010-10-06 13:36:43

1

請記住,當HTML呈現所有的「白色空間」減少到單個空間角色。您可以手動強制使用其他間距,字符實體,所以你可以簡單地做:

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

是的,這是非常醜陋的 - 但是,如果你只想要一個「快速和骯髒」的方式,試試吧。

+0

這是非常非常快速和骯髒的抱歉... – tintincutes 2010-10-06 15:21:06

+0

找到解決方案已經那將是填充 - 左 – tintincutes 2010-10-06 15:21:26

+0

@tintincute - 是的,令人難以置信的髒 - 我感覺sl甚至建議它被玷污。但是,有些時候您只需要一點空間,而且速度很快,而且確實是瀏覽器獨立的。但是css解決方案是最好的。 – 2010-10-06 15:36:35