Я хотел бы иметь таблицу, которая в столбцах может растягиваться, но у меня небольшая проблема с минимальной и максимальной шириной в css.
Также кажется, что некоторые противоречивые ответы о том, как это работает:
- минимальная/максимальная ширина должна работать: Предотвращать текст из таблицы перекрытия td ширины
- минимальная/максимальная ширина не поддерживается: Минимальная ширина и максимальная высота для атрибутов таблицы
Я хотел бы иметь следующие
table{
width:100%;
}
.a, .b, .c
{
background-color: red;
}
.a
{
min-width: 10px;
max-width: 20px;
}
.b
{
min-width: 40px;
max-width: 45px;
}
.c
{
}
<table>
<tr>
<td class="a">A</td>
<td class="b">B</td>
<td class="c">C</td>
</tr>
</table>
Есть ли способ достичь этого без javascript (т.е. ограниченное растяжение столбцов с таблицей)?
- Мне нужно только это, чтобы работать с CSS3 + HTML5
- jsfiddle с нерасширяющимися вещами: http://jsfiddle.net/4b3RZ/10/
- Если я устанавливаю только минимальную ширину в столбцах, я получаю пропорциональное растяжение: http://jsfiddle.net/4b3RZ/8/
Ниже приведена таблица того, что фактически получается для некоторых разных настроек css: