Можно ли центрировать ТД в середине таблицы

0

У меня есть таблица ниже

 <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" в центре стола?

здесь скрипка

  • 0
    Вы имеете в виду, что вся клетка должна быть посередине?
  • 0
    Что это значит «выравнивать по центру стола»?
Показать ещё 3 комментария
Теги:

4 ответа

1
Лучший ответ

да

Вам нужно использовать свойство td:nth-child(n) и table-layout: fixed property

Проверьте это http://jsfiddle.net/Pv3Zk/347/

  • 0
    Хорошее решение, но оно не будет работать в нашем известном браузере (IE), конечно. Работает только IE9 +
  • 0
    jsfiddle.net/Pv3Zk/336 будет более подходящим. Тем не менее, размер ввода по умолчанию также должен контролироваться.
Показать ещё 12 комментариев
0

Если у вас есть макет жидкости, вы можете установить ширину с помощью CSS в процентах, например, 33%, 33% и 33%. Если у вас есть фиксированный макет, вы должны использовать CSS для установки ширины каждого столбца на фиксированную ширину.

  • 1
    Я не вижу никаких свойств colspan на тд. Даже я думал, что то же самое, но его можно на tr
0

Используйте CSS, чтобы указать ширину ваших td элементов (добавьте классы, чтобы передать одну ячейку из другой).

Затем используйте table-layout: fixed; для таблицы. Это позволит td иметь фиксированные заданные размеры.

Ознакомьтесь с этой простой демонстрацией.

-2

Попробуй это:

<td align="center">...</td>

Если вам нужен текст центра таблицы, вам нужно установить ширину фиксированного TD

  • 0
    Красный Вопрос Правильно. Бардаму

Ещё вопросы

Сообщество Overcoder
Наверх
Меню