每当我向表中输入数据时,字段集的宽度都会改变。

这是我的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>


有谁知道为什么会这样,如何阻止字段集的宽度增加?

最佳答案

尝试添加以下CSS:

td {
  max-width: 391px;
}


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

关于html - 字段集的宽度随数据输入而变化,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28575492/

10-11 13:22