在 ie8 中整个 div 完全下降 但我希望这个 div 水平对齐... 你能告诉我如何解决这个问题吗
即使在 fiddle 中它也会下降 http://jsfiddle.net/VXXPC/2/embedded/result/
它在 chrome 中完美运行 http://www.defie.co/testing/twitter-bootstrap-558bc52/docs/examples/marketing-alternate.html
<div class="span3" style="width: 516px;">
<h4 class="taxInformation">Tax Information</h4>
<div class="control-group">
<label class="control-label" for="inputEmail">Seller Permit No</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Tax Rate</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Tax District</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Federal ID No</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<h4 class="accountingContactInfo">Accounting Contact Info</h4>
<div class="control-group">
<label class="control-label" for="inputEmail">Name</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Email</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Phone</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Credit Limit</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<h4 class="bankInfo">Bank Info</h4>
<div class="control-group">
<label class="control-label" for="inputEmail">Bank Name</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Telephone</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Account No</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Bank Contact</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Terms</label>
<div class="controls">
<input type="text" id="inputEmail">
</div>
</div>
<h4 class="bankInfo">Notes</h4>
<div class="control-group">
<textarea style="width: 380px;" rows="3" cols="50"></textarea>
</div>
<div style="margin-left: 95px;">
<input style="width: 108px;" name="Finish" value="Save File" class="checkout-button saveFileButton" type="submit">
<input name="Finish" value="Delete" class="checkout-button deleteButton" type="submit" style="width: 107px;padding-left: 0px;padding-right: 0px;">
</div>
</div>
最佳答案
尝试减小 div.span3
的宽度。
例如
<div class="span3" style="width: 456px;">
避免在 HTML 中使用内联样式,在 CSS 中设置这些属性,例如 width
和 height
。
顺便说一下,如果窗口宽度调整到小于 1000px,这个 DIV 仍然会垂直向下。
关于html - ie8 垂直向下的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14349540/