對齊內容

HTML

<th class="sort"> 
<div> 
    <div class="sort"></div><a href="#">Last Name</a> 

</div> 
</th>

CSS：

table.tablesorter thead th.sort 
{ 
    padding:0; 
} 

table.tablesorter thead th div.sort 
{ 
    margin:0; 
    width:15px; 
    height:30px; 
    float:left; 
    background: url("/Content/images/admin/sort.png") no-repeat; 
    background-position: 0px center; 
    cursor:pointer; 
} 

table.tablesorter thead tr th.sort a 
{ 
    cursor:pointer; 
color:inherit; 
    vertical-align:middle; 
    float: left; 
    padding-top: 7px; 
}

我想顯示內部和內部垂直排列中，總是在一行，這樣當瀏覽器窗口調整大小（小）時，它不會中斷，並且不會更多地位於內部（這正是現在發生的情況）。感謝

來源

2010-08-13 europhreak

鏈接元素（一個在你的CSS），不會浮留給你現在擁有它，因爲它不是一個塊元素。給它顯示：塊;和float：left;明確：無;屬性，它會浮動左邊給你。 – SimonDowdles 2010-08-13 08:13:59

使用「display inline」命令

<div style="display:inline;float left;"><a href="#">First name</a></div> 
<div style="display:inline;float right;"><a href="#">Last name</a></div>

來源

2010-08-13 07:24:22 David

我寧願將它們兩個都清空：none;命令，因爲如果父元素非常寬，則將第二個div右移可能會使其離開另一個數英里。然後，他們可以使用邊距或填充進行視覺樣式。儘管如此，ie6有一個令人討厭的雙浮動邊緣錯誤 - http://www.positioniseverything.net/explorer/doubled-margin.html – SimonDowdles 2010-08-13 08:11:48

它我也不清楚什麼是「內部」和「內部」的youre指（你mught要更新和詳細一點，如以及發佈表格的完整標記），但聽起來你基本上希望所有東西都在一個連續的行中，而不管可用空間。您可以關閉whitespace: nowrap;的文字。但是，您的內容將溢出th，因爲這是表格單元格的工作方式，因此您需要在包裝文本的東西上設置overflow: hidden。除非你在細胞內需要多於一種的元素，否則你不需要浮子。

的標記可能是這樣的：

<thead> 
    <th><div class="clip sort"><a href="#">First Name</a></th> 
    <th><div class="clip sort"><a href="#">Last Name</a></th> 
</thead>

蒙山的CSS像這樣：

.clip {width: 100%; overflow: hidden; whitespace: nowrap;} 
th {vertical-align: middle; height: 30px;}

來源

2010-08-13 07:36:47 prodigitalson

設置爲vertical-align：middle;不會導致div被垂直對齊，但它會嗎？ – SimonDowdles 2010-08-13 08:15:23

不知道....通常不會，但表格單元格有不同的規則，並且通常會尊重垂直對齊...但我不記得這是否適用於div，因爲它是塊元素... – prodigitalson 2010-08-13 15:20:55

回答

相關問題