html錶行文本左對齊

Question

我想使列'地址'中的數據沒有保證金。從左側開始，因爲它們溢出。 的HTML，CSS和JS代碼here

我不知道爲什麼，但我也試過

<td align="left">..</td> 

，但它並沒有奏效。在CSS代碼中的東西阻止我做出這個改變。

和here我想這兩份案文是在同一條線上，在向下翻頁，因爲一個文本正在發生變化，但我不能讓它一起

Answer 1

您需要在去除填充地址單元。

併爲您探微第二點需要添加 display:inline-block http://jsfiddle.net/6v67a/1484/

Answer 2

不要嘗試設置你的HTML對齊，在你的CSS設置。您需要將text-align設置爲left，並在th和td元素上將填充設置爲0。

table, th, td { 
 
    border: solid 1px #CCC; 
 
} 
 

 
table { 
 
    width: 100%; 
 
} 
 

 
th, td { 
 
    padding: 0; 
 
    text-align: left; 
 
}

<table> 
 
    <tr> 
 
    <th>first</th> 
 
    <th>second</th> 
 
    </tr> 
 
    <tr> 
 
    <td>first</td> 
 
    <td>second</td> 
 
    </tr> 
 
    <tr> 
 
    <td>first</td> 
 
    <td>second</td> 
 
    </tr> 
 
</table>

Answer 3

我的工作，你的代碼。如果您希望更改僅發生在地址中的單元格上，這是一個簡單的修復方法。 將一個類添加到要更改的表格單元格中，並將此代碼添加到CSS中。它的工作原理

.classadded{ 
padding-left: 9px !important; 
white-space: normal; 
} 

這裏是一個working fiddle

Answer 4

如果你想所有的TD，日文本左對齊，那麼你可以使用這個：

div#users-contain table td, 
div#users-contain table th { 
    border: 9px solid #eee; 
    padding: .6em 220px .6em 20px ; 
} 

，或者如果你想爲TD不同和TH然後使用這個：

div#users-contain table th { 
    border: 9px solid #eee; 
    padding: .6em 120px; 
} 

div#users-contain table td { 
    border: 9px solid #eee; 
    padding: .6em 220px .6em 20px ;  
} 

Answer 5

align屬性不是sup移植到HTML5中。使用CSS代替 https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_tr_align