html字段两边顶格换行,html-在div的两边换行

看起来您想要的是float：center吗？好吧,问题在于此属性不存在.

这里有两种选择：

像这样设置标记：

Awesome content

left text here

right text here

使用CSS

#wrap {

width:250px;

height: 250px;

background: yellow;

position: absolute;

top: 0;

left: 50%;

margin-left: -125px;

}

#l {

float: left;

}

#r {

float: right;

}

#l, #r {

width: 49%;

}

#l:before, #r:before {

content:"";

width: 125px;

height: 250px;

}

#l:before {

float: right;

}

#r:before {

float: left;

}

标记

Awesome content which floats in the center

all the text here

的CSS

.container {

font-size: small;

background: aqua;

position: relative;

}

.exclusion {

background-color: lime;

-ms-wrap-flow: both;

-ms-wrap-margin: 10px;

z-index: 1;

position:absolute;

left:0;right:0;

top:0;bottom:0;

width: 150px;

height: 100px;

background: yellow;

margin: auto;

}

有关CSS排除浏览器支持和更多资源的更多信息,请参见我的答案here.