Question

每次输入数据到表格时，我的字段集的宽度都在变化。

这是我的CSS：

<style type="text/css">
 .frmField_set {
   align: right;
   color: black;
   width: 89%;
   padding: 4px;
   text-align: left;
   font-family: sans-serif;
   font-style: normal;
   font-size: small;
   font-weight: bold;
   margin-left:auto;
   margin-right:auto;
 }
</style>

这是我的HTML：

 <html>      
  <head>
   </head>
    <body>
    <fieldset class="frmField_set">
        <legend>Account Sale Item Table</legend>
        <div id="accountSaleItem"></div>
          <table>
            <tr>
              <td>
            <span style="margin-left:5px;
            font-family:sans-serif; font-size:12;">Total</span></td>
              <td>
            <span id="qty" style="margin-left: 400px;
            font-family:sans-serif; font-size: 12;">0.00</span></td>
              <td>
            <span id="accountSaleAmount" style="margin-left: 365px;
            font-family:sans-serif; font-size: 12;">0.00</span></td>
            </tr>       
        </table>                
    </fieldset>
   </body>
 </html>

有谁知道为什么会发生这种情况以及如何阻止字段集的宽度增加？

Answer 1

尝试添加此CSS：

td {
  max-width: 391px;
}

我做了一个JSFiddle，它在那里工作：http://jsfiddle.net/zjn917up/

字段集的宽度随数据输入而变化

1 个答案: