inline！重要的CSS不起作用

我遇到問題。我已經嘗試過'table style ='width：200px！important;''作爲內聯，但仍然不知何故，表格的內容爲742 px 。原因可能是它的原因，因爲我們知道內聯重要覆蓋所有其他樣式。在TD我只是打印1,2,3垃圾最小值，但仍然沒有運氣。inline！重要的CSS不起作用

<strong><span><?php echo $this->__($this->getHeader()) ?></span></strong> 

    <?php $products = $this->getCollection(); ?> 
    <?php if (0 < $products->getSize()) { ?> 
     <table style="width:200px !important;"> 

      <tr> 
       <?php 
       $i=0; 
       foreach ($products as $p) { ?> 
        <td style="text-align:left;">       
         1       
        </td> 
       <?php } ?> 
      </tr> 


     </table> 
    <?php } ?>

來源

2015-11-03 Ren

你能提供更多的代碼或小提琴嗎？ –

請參閱http://sscce.org/ - 一個很好的代碼示例將是純HTML，其中最少的行數將重現該問題。它不包含任何PHP，因爲這對瀏覽器中的呈現沒有任何影響。 – Quentin

你能分享生成的html代碼嗎？有多少列？ –

!important將迫使該屬性的值設置爲200px。

它不會強制表格符合該寬度。

默認table layout model是auto並且將根據您指定的width調整表格以適合其內容。

如果'table'或'inline-table'元素的'width：auto'，則使用的寬度是包含塊寬度，CAPMIN和MIN的表中較大的一個。

如果要將表寬度鎖定在其自然寬度以下，則需要切換到fixed佈局模型。

來源

2015-11-03 10:47:01 Quentin

inline！重要的CSS不起作用

回答

相關問題