У меня есть таблица ниже
<table style="width: 540px " border="1">
<tr>
<td style="text-align: left">
<img id="img1" style="cursor: pointer;" src="../left.png" height="30" width="30" />
</td>
<td style="text-align: center;font-size: medium"><strong>CENTRE THIS </strong>
</td>
<td style="text-align: right"><strong>key </strong>
</td>
<td style="text-align: left">
<input type="text" id="searchbox" />
</td>
</tr>
</table>
Можно ли выровнять второй td с текстом "CENTER THIS" в центре стола?
здесь скрипка
да
Вам нужно использовать свойство td:nth-child(n)
и table-layout: fixed
property
Проверьте это http://jsfiddle.net/Pv3Zk/347/
Если у вас есть макет жидкости, вы можете установить ширину с помощью CSS в процентах, например, 33%, 33% и 33%. Если у вас есть фиксированный макет, вы должны использовать CSS для установки ширины каждого столбца на фиксированную ширину.
Используйте CSS, чтобы указать ширину ваших td
элементов (добавьте классы, чтобы передать одну ячейку из другой).
Затем используйте table-layout: fixed;
для таблицы. Это позволит td
иметь фиксированные заданные размеры.
Ознакомьтесь с этой простой демонстрацией.
Попробуй это:
<td align="center">...</td>
Если вам нужен текст центра таблицы, вам нужно установить ширину фиксированного TD