2015-11-03 7 views
0

У меня проблема. Я пробовал стиль «table style =» width: 200px! Important; »« как встроенный, но все же какая-то таблица имеет 742 px , что может быть причиной этого, поскольку мы знаем, что встроенная важная переопределяет все остальные стили. в td Я просто печатаю 1,2,3 мусора наименьших значений, но до сих пор не повезло.inline! Important 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 } ?> 
+2

Вы можете предоставить немного больше кода или скрипки или что-то еще? –

+0

См. Http://sscce.org/. Хорошим примером кода будет чистый HTML с минимальным количеством строк для воспроизведения проблемы. Он не будет включать никакой PHP, поскольку это не оказывает никакого влияния на рендеринг в браузере. – Quentin

+0

Вы можете поделиться полученным html-кодом? Сколько столбцов есть? –

ответ

3

!important заставит значение этого свойства будет 200px.

Это не приведет к тому, что стол будет соответствовать этой ширине.

По умолчанию table layout model является auto и адаптирует таблицу в соответствии с ее содержимым, независимо от того, что вы указываете width.

Если элемент «table» или «inline-table» имеет ширину: auto, используемая ширина больше, чем ширина таблицы, содержащая ширину блока, CAPMIN и MIN.

Вам необходимо переключиться на макетную модель fixed, если вы хотите заблокировать ширину стола ниже ее естественной ширины.

Смежные вопросы