我有一个 HTML,如 http://jsfiddle.net/Lijo/9sWbc/1/ 所示。 .我需要在一行中制作地址,在第二行中制作其他三列(城市国家和国家/地区)。每列的宽度不应该是固定的。我们怎样才能实现它?
最佳答案
我想这就是您需要的:http://jsfiddle.net/9sWbc/6/
编辑的 CSS:
#infoDiv
{
width:550px;
border:1px solid Red;
}
.dataLine
{
width:100%;
min-width:650px;
height:auto;
margin:1px 1px 1px 1px;
padding: 0 0 0 0px;
/*border:1px solid Cyan;*/
}
.freeTwoColumnFirstEntry
{
height:auto;
margin:0 0 0 0px;
padding:0 0 0 2px;
font:normal 9pt Arial;
display:inline;
}
.freeTwoColumnSecondEntry
{
height:auto;
margin:0 0 0 0px;
padding:0 0 0 2px;
font:normal 9pt Arial;
display:inline;
}
#cityDiv, #cityDivVal, #stateDiv, #stateDivVal, #countryDiv, #countryDivVal{
display:inline-block;
}
关于HTML Div 对齐问题(没有固定宽度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11500822/