blocks|key|604120|text|在您的代码中，您将align="center"放到strong中的font标记中。所有这些元素都是内联的，并不适合所有的单元格宽度。要使其对齐，您需要将该属性放置到th标记中，或者将string和font标记的显示更改为display:block，以适应所有宽度。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|604121|最简单的方法是在CSS中：|604122|+table+tr+th+{+text-align:center;+}|code-block|syntax|javascript|604123|更好的方法是将所有内联样式移动到CSS文件中。|604124|entityMap^0|9|E|P|6|X|4|2A|2|2J|6|2Q|4|32|D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|P|$]]

In your code you putting <code>align="center"</code> to the <code>font</code> tag inside of the <code>strong</code>. All of these elements are inline and doesn't fits all the cell width. To align it on center you need to put such attribute to the <code>th</code> tag or change displaying of the <code>string</code> and <code>font</code> tags to <code>display:block</code> to fit all the width.

The simplest way to do this is in CSS: 

<pre><code> table tr th { text-align:center; }
</code></pre>

P.S. Better way is to move all of your inline style to CSS files.

blocks|key|604058|text|尝试使用CSS。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|604059|table+th+{text-align:center;}|code-block|syntax|javascript|604060|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try using CSS. 

<pre><code>table th {text-align:center;}
</code></pre>

blocks|key|123303|text|使用text-align:center;|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|123304|参见此小提琴活生生的例子|123305|编辑注意:正如其他用户所指出的，您应该在CSS中使用类或元素来实现这些样式。|123306|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/macsscam/q3M4R/1/^0|2|I|0|3|9|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]]]

Use <code>text-align:center;</code>

see this <a href="http://jsfiddle.net/macsscam/q3M4R/1/" rel="nofollow">live example on jsfiddle</a>

[EDIT] Note that you should implement these styles within your CSS with classes or elements as pointed out by fellow users

blocks|key|123343|text|标记不受欢迎及其使用被认为是一个非常糟糕的主意。使用CSS代替。|type|ordered-list-item|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|123344|使用标记使文本粗体也不是特别有用，特别是在<th>元素中。<th>已经表明文本很重要，因为它是表列的标题。在许多浏览器中，文本已经以<th>的粗体表示。|123345|用于对文本居中的CSS样式是：text-align:+center|123346|unstyled|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/present/graphics.html#graphics-fonts^0|0|6|8|4|0|0|2|8|T|4|11|4|22|4|0|F|I|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|K|7|1A|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<ol>
<li>The <code>&lt;font&gt;</code> tag <a href="http://www.w3.org/TR/html4/present/graphics.html#graphics-fonts" rel="nofollow">is deprecated</a> and it's use is considered a very bad idea. Use CSS instead.</li>
<li>Using the <code>&lt;strong&gt;</code> tag just to get the text to be bold is also not particularly useful, especially inside a <code>&lt;th&gt;</code> element. The <code>&lt;th&gt;</code> already indicates that the text matters because it's the header of a table column. In many browsers, the text is already made bold in <code>&lt;th&gt;</code>s</li>
<li>The CSS style used to center the text is: <code>text-align: center</code></li>
</ol>

blocks|key|294005|text|试试看|type|unstyled|depth|inlineStyleRanges|entityRanges|data|294006|<th+bgcolor="#4F81BD"+align="center"><font+size="5"+color="white"+face="calibri"+>Information</th>|code-block|syntax|javascript|294007|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Trying this

<pre><code>&lt;th bgcolor="#4F81BD" align="center"&gt;&lt;strong&gt;&lt;font size="5" color="white" face="calibri" &gt;Information&lt;/font&gt;&lt;strong&gt;&lt;/th&gt;
</code></pre>

how to center the 

I would like to center the text "Information". Tried the align="center" but didn't work 

Is my code correct?

<pre><code>&lt;table border="1" width="100%" cellspacing="10"&gt;
&lt;tr&gt;
 &lt;th&gt;column1&lt;/th&gt;
 &lt;th&gt;column2&lt;/th&gt;
 &lt;th bgcolor="#4F81BD"&gt;&lt;strong&gt;&lt;font size="5" color="white" face="calibri" align="center"&gt;Information&lt;/font&gt;&lt;strong&gt;&lt;/th&gt;
 &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<hr>

[EDIT] Here is the code I have built thanks to your answsers. 

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

&lt;head&gt;

&lt;title&gt;Title&lt;/title&gt;

&lt;style type="text/css"&gt;
.centerText{
 text-align: center;}
&lt;/style&gt;

&lt;/head&gt;
&lt;table border="0" width="100%" cellspacing="10"&gt;
&lt;tr&gt;
 &lt;th&gt;&lt;/th&gt;
 &lt;th&gt;&lt;/th&gt;
 &lt;th class="centerText" bgcolor="#4F81BD"&gt;&lt;strong&gt;&lt;font size="5" color="white" face="calibri" &gt;Information&lt;/font&gt;&lt;strong&gt;&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/table&gt;
 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

Is this the right way to handle this?

how to center a title in a table cell

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

如何使中心我想以“信息”为中心。尝试了align=的“中心”，但没有起作用我的代码正确吗？<table border="1" width="100%" cellspacing="10"><tr> <th>column1</th> <th>column2</th> <th bgcolor="#4F81BD"><font size="5" color="white"

问如何在表格单元格中对标题进行居中
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在表格单元格中对标题进行居中EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在表格单元格中对标题进行居中
EN