每当我向表中输入数据时,字段集的宽度都会改变。
这是我的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/