我想布局的弹出对话框的内容,但没有多少运气CSS - 固定宽度的跨度/每格
我同时使用跨度和内嵌的div试过,但他们都不似乎尊重宽度或最小宽度CSS
有什么想法?
下面是在HTML
<div id="MessageBox" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 40.8333px; height: auto;" scrolltop="0" scrollleft="0">
<div class="popupKey">Bank Reference</div>
<div class="popupValue"></div>
<br>
<div class="popupKey">Amount</div>
<div class="popupValue">650.00</div>
<br>
<div class="popupKey">Currency</div>
<div class="popupValue">GBP</div>
<br>
<div class="popupKey">PaymentDate</div>
<div class="popupValue">02/06/2011</div>
<br>
<div class="popupKey">Remitter</div>
<div class="popupValue"></div>
<br>
<div class="popupKey">Senders Reference</div>
<div class="popupValue"></div>
<br>
</div>
和CSS
.popupKey
{
display : inline;
min-width: 150px;
}
.popupValue
{
display : inline;
min-width: 150px;
}
我想在popupValue列中的所有项目进行排列
有一个的jsfiddle这里:
如果您添加'float:left;'您自动声明元素为块,所以在这种情况下我相信'display:block'是不必要的 – mkk 2012-04-13 08:55:05