创建具有居中标题的div表的最简单方法是什么?

时间:2017-04-06 18:34:29

标签: html css

我需要创建一个div表(显示:table,table-row等),顶部有一个居中的标题,一直是1px的边框。最简单的方法是什么?

2 个答案:

答案 0 :(得分:1)

什么是div表?它既可以是div也可以是桌子。

无论如何听起来你需要做一些阅读:https://www.w3schools.com/html/html_tables.asp

下面你看到我刚刚将align="center"colspan="2"添加到第th个元素。将colspan更改为您需要居中的许多列。

<强> HTML

<table>
    <tr>
        <th align="center" colspan="2">header</th>
    </tr>
    <tr>
        <td>Hello</td>
        <td>Hi there</td>
    </tr>
</table>

边框只是添加到CSS:

<强> CSS

table {
   border: 1px solid black;
}

示例代码:https://codepen.io/StefanBobrowski/pen/WpByzg

答案 1 :(得分:-1)

Twitter引导程序是最好的框架之一,可以节省大量时间来创建网页。有很多标签可以快速完成。请试一试。

http://getbootstrap.com/2.3.2/