由於繼承屬性，CSS文本對齊不適用

所以我試圖編輯IPB板內部並向subforums添加一些數據。 picture of forum 由於繼承屬性，CSS文本對齊不適用

正如你所看到的文本信息（狀態的球員平地圖）是相一致的權利和事實的「地圖」變量沒有固定的lenght使得不均勻，所以他們不是全部在彼此之下。

我打印這一切都從PHP和試圖添加一些樣式，以迫使它對齊到左側，但它不會工作。

if($_Query->details->tplayers==0) 
    { 
     $_FIScontent .= "Status: <img src=\"offline.gif\" alt=\"\"> <span style=\"color:red\"> [OFF]</span>"; 
     $_FIScontent .= "<br><a href=\"http://www.gametracker.com/server_info/" . $tip . ":27015/\" target=\"_blank\"><img src=\"gametracker.png\" border=\"0\" height=\"25\" width=\"75\"></a> "; 
     $_FIScontent .= "<a href=\"http://" . $tip . "/\" target=\"_blank\"><img src=\"site.png\" border=\"0\" height=\"25\" width=\"75\"></a> "; 
     echo $_FIScontent; 
     return $_FIScontent; 
    } 

    $_FIScontent .= "<div id=\"mata\" class=\"mata\" style=\" 
    text-align: left; 
    \"><table><tr>"; 
    $_FIScontent .= "<td>Status: <img src=\"online2.gif\" alt=\"\"> <span style=\"color:green\"> [ON]</span></td>"; 

    $_FIScontent .= "<td>"; 
    if($_Query->details->pplayers<10) 
     $_FIScontent .= "Players: <span style=\"color:red\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    else if($_Query->details->pplayers<20) 
     $_FIScontent .= "Players: <span style=\"color:orange\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    else 
     $_FIScontent .= "Players: <span style=\"color:green\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    $_FIScontent .= "</td>"; 

    //$_FIScontent .= "<tr>"; 
    $_FIScontent .= "<td>Ping: ".$_BuildStats[SERVER_LATENTA]."ms</td>"; 
    $_FIScontent .= "<td>Harta: ".$_BuildStats[SERVER_MAP]."</td></table>"; 
    //$_FIScontent .= "</tr>"; 

    $_FIScontent .= "<table><td>"; 
    $_FIScontent .= "<a href=\"http://www.gametracker.com/server_info/" . $tip . ":27015/\" target=\"_blank\"><img src=\"gametracker.png\" border=\"0\" height=\"25\" width=\"75\"></a> "; 
    $_FIScontent .= "<a href=\"http://" . $tip . "/\" target=\"_blank\"><img src=\"site.png\" border=\"0\" height=\"25\" width=\"75\"></a>"; 
    $_FIScontent .= "<a href=\"steam://connect/" . $tip . ":27015/\" target=\"_blank\"><img src=\"connect.png\" border=\"0\" height=\"25\" width=\"75\"></a>"; 
    $_FIScontent .= "</td>"; 

    $_FIScontent .= "</table></div>"; 
    echo $_FIScontent; 
    return $_FIScontent;

這裏的鏈接，如果你想看看吧，希望這不是非法http://furien.b-zone.ro/query/wadap.php

有一個表，併爲每個元素一個TD編輯 image of forum

$_FIScontent .= "<div id=\"mata\" class=\"mata\" style=\" 
    text-align: left; 
    \"><table><tr>"; 
    $_FIScontent .= "<td>Status: <img src=\"online2.gif\" alt=\"\"> <span style=\"color:green\"> [ON]</span></td>"; 

    $_FIScontent .= "<td>"; 
    if($_Query->details->pplayers<10) 
     $_FIScontent .= "Players: <span style=\"color:red\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    else if($_Query->details->pplayers<20) 
     $_FIScontent .= "Players: <span style=\"color:orange\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    else 
     $_FIScontent .= "Players: <span style=\"color:green\">".$_BuildStats[SERVER_PLAYERS]."</span>"; 
    $_FIScontent .= "</td>"; 

    //$_FIScontent .= "<tr>"; 
    $_FIScontent .= "<td>Ping: ".$_BuildStats[SERVER_LATENTA]."ms</td>"; 
    $_FIScontent .= "<td>Harta: ".$_BuildStats[SERVER_MAP]."</td>"; 
    //$_FIScontent .= "</tr>"; 

    $_FIScontent .= "<td>"; 
    $_FIScontent .= "<a href=\"http://www.gametracker.com/server_info/" . $tip . ":27015/\" target=\"_blank\"><img src=\"gametracker.png\" border=\"0\" height=\"25\" width=\"75\"></a> "; 
    $_FIScontent .= "</td>"; 
    $_FIScontent .= "<td>"; 
    $_FIScontent .= "<a href=\"http://" . $tip . "/\" target=\"_blank\"><img src=\"site.png\" border=\"0\" height=\"25\" width=\"75\"></a>"; 
    $_FIScontent .= "</td>"; 
    $_FIScontent .= "<td>"; 
    $_FIScontent .= "<a href=\"steam://connect/" . $tip . ":27015/\" target=\"_blank\"><img src=\"connect.png\" border=\"0\" height=\"25\" width=\"75\"></a>"; 
    $_FIScontent .= "</td>"; 

    $_FIScontent .= "</tr></table></div>"; 
    echo $_FIScontent; 
    return $_FIScontent;

來源

2014-09-23 Aron H.

我找不到你的代碼有什麼問題，你沒有元素讓它們一個接一個顯示。 – emmanuel 2014-09-23 16:14:26

有些事情我不明白，因爲缺少tr關閉標籤是爲什麼你使用新的表格的主題和答覆？但更多的話題是，你的表中的每一行顯示將被包裝在它自己的tr – Mic1780 2014-09-23 16:16:46

我已經搜索了很多。出於某種原因，不知何故，論壇模板的CSS強制它們像他們一樣顯示。我似乎無法擺脫論壇設置的任何屬性（無法減少填充或任何內容）\ n缺少tr標籤，因爲我頂部有4個元素，底部有3個元素。同樣論壇也會以相同的方式顯示它們，填充在左邊，所以根據數據的大小，表格列會被推開。 – 2014-09-23 16:17:07

我設法停止來自你的setInterval的服務器調用，並看着DOM。它顯示您的狀態播放器ping和harta已經左對齊文本。它的行爲方式是因爲它沒有遵循一致的表格結構。這意味着，因爲每個表格結構在每行信息中都不相同，所以佈局將會不同。

解決方法是使用單個表格來存放信息。每一欄信息都需要自己的td。對於主題和回覆等信息，您可以在該列的td內創建一個新表。

來源

2014-09-23 16:39:40 Mic1780

編輯了OP，進行了適當的編輯，數據仍然被推向左邊 – 2014-09-23 16:46:54

@AronH。每個「狀態」部分都是它自己的表格。除非您爲每個表格中的每個單元格分配了特定的寬度，或者將它們作爲父表格的一部分，否則它們將分別調整爲包含在其中的數據。 – 2014-09-23 16:51:31

@RyanKinal是正確的。如果在td上沒有設置寬度，則寬度被推斷並且會變化。當信息全部在父表中時，推斷的寬度將不會影響文本格式。每列都會正確對齊，並且所有列寬都相同。 – Mic1780 2014-09-23 16:54:08

由於繼承屬性，CSS文本對齊不適用

回答

相關問題