Центр по центу независимо от размера таблицы

Question

Центр по центу независимо от размера таблицы

0

Я работаю на странице с существующим css. Я хочу добавить с использованием существующего цвета и тени css, который определен для th.
Теперь это th добавляется как последний ряд на столе.
То, что я хочу, чтобы иметь какой - либо текст, который появляется в этом th централизовать по отношению к вмещающему tr.
То, что я делал до сих пор, и несколько работает, - это использовать colspan=7 а содержание th немного похоже на центр строки и таблицы. (Есть 14 столбцов).
Как я могу сделать это без чисел жесткого кодирования более общим образом? Т.е. некоторые из них центрируют его независимо от количества столбцов таблицы.

Jim 08 нояб. 2013, в 14:42

Источник

4

Можете ли вы показать свой HTML + CSS?
FastTrack 08 нояб. 2013, в 13:39
0

Я думаю, что вам, возможно, придется рассмотреть отдельное решение от использования таблицы
beautifulcoder 08 нояб. 2013, в 13:53

Теги:

html

css

table

2 ответа

Ещё вопросы

Можете ли вы показать свой HTML + CSS?
Я думаю, что вам, возможно, придется рассмотреть отдельное решение от использования таблицы

Sean Ryan · Answer 1 · 2013-11-08T11-19-00.000Z

Используйте таблицу, встроенную в элемент <caption>, а затем поместите ее внизу, используя caption-side:bottom. Должен допускать какой-то центрированный текст независимо от того, сколько столбцов у вас есть. Похоже, что поддержка caption-side возвращается к IE8, согласно http://reference.sitepoint.com/css/caption-side.

Скрипка: http://jsfiddle.net/designingsean/K9Fcw/

HTML:

<table class="caption-bottom">
  <caption>Table Caption</caption>
  <tr>
    <td>lksjf</td>
    ...
  </tr>
</table>

CSS:

.caption-bottom {
  caption-side: bottom;
}

Достаточно далеко в моей голове. Если вам нужно поддерживать IE7, то эта проблема, вероятно, наименее из ваших проблем.

Slaven Tomac · Answer 2 · 2013-11-08T12-19-00.000Z

Я не совсем понял проблему, так как вам не хватает какого-то кода, но не хватит ли этой простой таблицы (надеюсь, я построил вас так, как вам кажется): http://plnkr.co/edit/TxGQZX0NPoLZsR77kQ70? р = предварительный просмотр

<table style="border:1px solid">
  <tr>
    <td>My td 1 Content and all</td>
  </tr>
  <tr>
    <td>My td 2 Content and all</td>
  </tr>
  <tr>
    <th>My heading 1</th>
  </tr>
</table>

Таким образом, мой центр является централизованным.