在表格单元格中居中文本 [英] Center text in table cell

问题描述

我似乎找不到问题的答案.我有一个两行两列的表格(如下所示的代码)，如何将特定单元格中的文本居中对齐.我想将一两个单元格中的文本居中对齐 - 不是所有单元格.

<table style="margin: 0px auto;"边界=0"><tr><td>单元1</td><td>细胞2</td></tr><tr><td>单元3</td><td>细胞4</td></tr></tbody>

解决方案

我建议为此使用 CSS.您应该创建一个 CSS 规则来强制居中，例如:

.ui-helper-center {文本对齐:居中；}

然后将 ui-helper-center 类添加到您希望控制对齐的表格单元格中:

Content

<小时>

编辑:既然这个答案被接受了，我觉得有必要删掉评论中引起激烈争论的部分，并且不宣传糟糕和过时的做法.

参见 Gabe 的回答，了解如何将 CSS 规则包含到您的页面.

I can't seem to find the answer to my issue. I have a table with two rows and two columns (like the code shown below), how do I center align the text in specific cells. I would like to center align the text in one or two of the cells - not all the cells.

<div style="text-align: center;">
    <table style="margin: 0px auto;" border="0">
        <tbody>
            <tr>
                <td>Cell 1</td>
                <td>Cell 2</td>
            </tr>
            <tr>
                <td>Cell 3</td>
                <td>Cell 4</td>
            </tr>
        </tbody>
    </table>
</div>

解决方案

I would recommend using CSS for this. You should create a CSS rule to enforce the centering, for example:

.ui-helper-center {
    text-align: center;
}

And then add the ui-helper-center class to the table cells for which you wish to control the alignment:

<td class="ui-helper-center">Content</td>

---

EDIT: Since this answer was accepted, I felt obligated to edit out the parts that caused a flame-war in the comments, and to not promote poor and outdated practices.

See Gabe's answer for how to include the CSS rule into your page.

这篇关于在表格单元格中居中文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！