Html 以CSS为中心的文本行为不正确。不会居中

我已经摆弄这个两天了，似乎弄不好。所以我想我会在这里要求一个决议。（我不是css专家，这就是问题所在。）

因此，我有以下代码：

<table class="demo">
<tr>
<th style="background:#FFFFFF;border:0px solid #FFFFFF;" WIDTH="140">
        <img src="https://xxxxxxxxxx.com/images/genesys_logo_1.png" border="0"><BR><BR>
</th>
<th>
    <form method="post" action="https://xxxxxxxxxx.com<?php echo $thisPage; ?>" onsubmit="return mysubmit(this);">
    <input type="hidden" name="primary" value="<?php echo array_values($p_key)[$i]; ?>">
    <input type="hidden" name="archived" value="y">
    <input style="float: left; display: block;margin: 42px 0px 0px -1px ;!important;" type="submit" VALUE="&#9988"/>
    </form>
        <span style="font-size: 16px; !important;"><?php if(array_values($link_kt)[$i]!="") {?><A href="<?php echo array_values($link_kt)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo $cust_name[$i]; ?><?php if(array_values($link_kt)[$i]!="") {?></a><?php } ?></SPAN>
            <BR>
        <span style="font-size: 11px; text-align: middle; !important;">PID: <?php if(array_values($link_oa)[$i]!="") {?><A href="<?php echo array_values($link_oa)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo array_values($pid)[$i]; ?><?php if(array_values($link_oa)[$i]!="") {?></a><?php } ?></span>
    <form action="<?php echo $linkUpdate; ?>" method="post">
    <input style="float: right; display: block;margin: 6px -1px 0px 0px ;!important;" type="submit" value="&#9998;&nbsp;" />
    </form>
</th>
</tr>
</table>

它显示的单元格如下所示：请注意，两行文字（在上面的跨距中）没有居中。。。这让我快发疯了

我希望在调整屏幕大小时，一切都保持在原位。现在按钮的功能非常好，但我一辈子都不能让文本居中

---

思想？

我认为这是需要集中的跨度

<span style="font-size: 16px; !important;"><?php if(array_values($link_kt)[$i]!="") {?><A href="<?php echo array_values($link_kt)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo $cust_name[$i]; ?><?php if(array_values($link_kt)[$i]!="") {?></a><?php } ?></SPAN>
        <BR>
    <span style="font-size: 11px; text-align: middle; !important;">PID: <?php if(array_values($link_oa)[$i]!="") {?><A href="<?php echo array_values($link_oa)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo array_values($pid)[$i]; ?><?php if(array_values($link_oa)[$i]!="") {?></a><?php } ?></span>

PID：

要使其居中，请为跨度提供固定的宽度和边距：0自动 例如，如果希望第一个跨距的宽度为1060px，则在样式中添加宽度和边距，如下所示：

<span style="font-size: 16px; width:1060px; margin:0 auto;"><?php if(array_values($link_kt)[$i]!="") {?><A href="<?php echo array_values($link_kt)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo $cust_name[$i]; ?><?php if(array_values($link_kt)[$i]!="") {?></a><?php } ?></SPAN>

我希望这就是你想要的：）

如果要覆盖更大的屏幕宽度，则必须扩展媒体查询的数量

看

---

这适用于IE9+、FF3.5+、Chrome4+

不确定您的问题是什么，但有两点可能会有所帮助：

1.）它是

text align:center

，而不是

text align:middle

类似于您的代码（用于水平居中）

---

2.

span

是一个内联元素。因此，将某个对象集中在某个跨度内不会产生任何效果。您必须将跨距居中放置在其父单元格内，因此在本例中，围绕跨距的表格单元格必须具有

文本对齐：居中

（或者在本例中，实际上是

th

-如果不起作用，也许您应该在此处插入

td

）

这似乎没有任何效果。此处还有另一条注释，但是现在它不见了。。。它帮助我解决了这个问题。这就像把它添加到我的css中一样简单：.demo th span{padding:0px 16px 0px 0px；}问题解决了

<span style="font-size: 16px; width:1060px; margin:0 auto;"><?php if(array_values($link_kt)[$i]!="") {?><A href="<?php echo array_values($link_kt)[$i]; ?>" TARGET="_BLANK"><?php } ?><?php echo $cust_name[$i]; ?><?php if(array_values($link_kt)[$i]!="") {?></a><?php } ?></SPAN>

There is a workaround with a lot of media-queries @media all and (max-width: xxx).