如何居中和跨表标题(行)

用户名

我需要知道如何居中和跨越“ MyTable”标题。HTML(中央标签)和CSS是否都可以使用?我尝试使用文本对齐,定位等功能,但是我找不到想要的东西。

表格范例

<!DOCTYPE html>
<html>
    <head>
        <style>

            th {
                border: 1px solid red;
                text-align: center;
            }

            td {
                border: 1px dashed black;
                color: red;
            }

            table {

                font-family: Calibri;
            }
        </style>
    </head>
    <body>
        <table>
            <tr><th>My Table</th></tr>
            <tr><th>FName</th><th>LName</th><th>Age</th></tr>
            <tr><td>Derp</td><td>Derpania</td><td>69</td></tr>
            <tr><td>Buzz</td><td>Killington</td><td>42</td></tr>
        </table>
    </body> 
</html>

如果CSS和HTML都有解决方案,请同时给我。

伊曼纽尔

您必须添加colspanth元素。

    <table>
        <tr><th colspan="3">My Table</th></tr>
        <tr><th>FName</th><th>LName</th><th>Age</th></tr>
        <tr><td>Derp</td><td>Derpania</td><td>69</td></tr>
        <tr><td>Buzz</td><td>Killington</td><td>42</td></tr>
    </table>

小提琴:http//jsfiddle.net/y0tyapz6/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何保持居中和对齐?

来自分类Dev

如何居中对齐数据表标题

来自分类Dev

如何在element-ui表的标题行中居中显示文本?

来自分类Dev

如何同时使瓷砖居中和左对齐

来自分类Dev

如何垂直居中和右对齐图像?

来自分类Dev

使用CSS,尝试使多个表并排居中和对齐

来自分类Dev

如何在flexbox中居中和弯曲flex项目?

来自分类Dev

在WPF中,如何设置外部,居中和内部边界?

来自分类Dev

<p>如何居中和合理化?

来自分类Dev

如何在flexbox中居中和弯曲flex项目?

来自分类Dev

如何在div中居中和垂直对齐文本?

来自分类Dev

如何创建居中和封闭的 Highchart xAxis 标签?

来自分类Dev

Tkinter:如何居中窗口标题

来自分类Dev

如何将标题居中?

来自分类Dev

使用HTMl5,如何对嵌入式YouTube视频进行居中和居中?

来自分类Dev

如何遮盖跨多行的所有其他表行?

来自分类Dev

Codeigniter表标题文本不会居中

来自分类Dev

如何使用CSS在bootstrap w / o中使用来居中数据表标题和数据?

来自分类Dev

居中和右div定位

来自分类Dev

垂直居中和拉伸图像,水平居中

来自分类Dev

行跨表周围的边框

来自分类Dev

居中和右对齐的文本不在同一行上呈现

来自分类Dev

居中和右对齐的文本不在同一行上呈现

来自分类Dev

带标题的图片-如何拉伸和居中?

来自分类Dev

如何将帖子标题居中?

来自分类Dev

如何将带标题的人物居中?

来自分类Dev

如何将帖子标题居中?

来自分类Dev

如何将带标题的人物居中?

来自分类Dev

如何使NSButton标题位于底部和居中?