Есть ли случай, когда ячейка таблицы будет игнорировать минимальную ширину?

У меня есть стол с table-layout, установленный в fixed. В первом ряду у меня есть td с текстом внутри. Это что-то вроде:Есть ли случай, когда ячейка таблицы будет игнорировать минимальную ширину?

<table> 
    <tbody> 
     <tr> 
      <td colspan="2" style=" min-width: 250px; width: 100%;"> 
       <b>Vendor/Firm Information</b> 
      </td> 
     </tr> 
     <tr> 
      some content 
     </tr> 
     ... and so on 
    </tbody> 
</table>

Таким образом, ширина первой строки на самом деле меньше 250 пикселей. Это даже меньше, чем контент. Итак, мне нужно знать: есть ли причина для этого? Есть ли что-то, что не позволяет ячейке таблицы принимать соответствующую ширину?

Я использую старую версию Chrome (22.0.1229.0), и я думаю, что это скорее ошибка, чем неправильные стили.

последние Хром все хорошо.

источник

2015-01-16 cassandrad

Почему у жирного тега минимальная ширина? –

@ dwreck08 Я могу удалить его. Изменится ли это действие? – cassandrad

Я не уверен, что вы просите. Ширина td установлена на «250px» (это минимальная ширина), поскольку содержимое не превышает 250 пикселей. См. Http://jsfiddle.net/z6t7ug3a/1/ (синий показывает полную ширину) –

думаю есть colspan="2" есть причина.

Невозможно разделить эту минимальную ширину между двумя натянутыми столбцами. Таким образом, ограничение min-width просто игнорируется на растянутых ячейках.

источник

2015-01-16 17:57:28

min-width работает с colspan. Например, если есть две td с шириной 50% в строке ниже: http://jsfiddle.net/z6t7ug3a/2/ –

Я думаю, нет. В последней версии хром также в ie11 все работает отлично. Но я попытаюсь удалить его. Кроме того, когда я устанавливаю ширину вручную на td, все работает отлично. – cassandrad

It * вид * Works. Проверьте это: http://jsfiddle.net/z6t7ug3a/5/ –

Пожалуйста, смотрите ответ здесь:

Chrome, Safari ignoring max-width in table

Суть в том, что «максимальная ширина» относится только к блочным элементам. Поэтому, чтобы таблица отображалась на дисплее: block; должен решить проблему.

источник

2015-01-16 18:03:45 citizenen

Мне было известно, что некоторые браузеры не применяют 'max-width' для самого тега таблицы. Но мне нужно применить свойство к 'td', а не' table'. – cassandrad

Есть ли случай, когда ячейка таблицы будет игнорировать минимальную ширину?

ответ

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