html - 使用 CSS 居中文本的行为不正确。不会居中

Question

我已经摆弄了 2 天，但似乎无法正确处理。所以我想我会在这里寻求解决方案。 (我不是 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>

以及以下 CSS:

.demo {
    width:100%;
    border:0px solid #333333;
    border-bottom: 1px solid #333333;
    border-spacing:0px;
    padding:3px;
    border-collapse: collapse;

}
.demo th {
    min-width:160px;
    max-width:160px;

    border:1px solid #333333;
    padding:3px;
    background:#999999;

    font-family: 'Helvetica Neue', sans-serif;
    font-size: 14px;

}

它像这样显示单元格:注意 2 行文本(在上面的跨度中)没有居中......这让我发疯!

我希望在调整屏幕大小时一切都保持原样。现在按钮运行完美，但我无法让文本保持居中。

想法？

Answer 1

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

<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>

为了使其居中，给 span 一个固定的宽度和 margin:0 auto 例如，如果您希望第一个跨度的宽度为 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>

希望这就是您要找的:)