HTML таблица - как заставить TD ширину, когда ширина таблицы составляет 100%? - PullRequest
2 голосов
/ 26 января 2012

Есть ли способ установить длину всех ячеек TD в случае, если ширина всей таблицы установлена ​​на 100%? Другими словами, я хочу, чтобы все ячейки таблицы были перемещены влево (но я не могу изменить ширину таблицы, потому что это для других целей).

Я пытался таким образом:

#mytable td {
    width:50px;
}

Но это не работает, когда ширина таблицы установлена ​​на 100%. Вот пример, как это выглядит сейчас: http://jsfiddle.net/Rrkky/

Ответы [ 2 ]

3 голосов
/ 26 января 2012

Если возможно, добавьте дополнительный тд шириной 100%.

HTML

<table id="mytable"style="width:100%;background:red"><tr>
    <td>TEXT1</td>
    <td>TEXT2</td>
    <td style="width:100%;background:blue">&nbsp;</td>
    </tr>
</table>

CSS

#mytable td {
    width:50px;
    background:green
}

http://jsfiddle.net/Rrkky/1/

2 голосов
/ 26 января 2012

Нельзя сделать 50px плюс 50px равными 100% доступной ширины, кроме как случайно.Если вы просто хотите поставить таблицу справа, установите, например, margin-left: auto.Но это не будет работать, если ширина таблицы установлена ​​на 100%.

...