html如何设置边框自动,html – 如何使用CSS在灵活宽度设计中设置自动边框？

这与IE7兼容的CSS可以得到：

http://jsfiddle.net/thirtydot/79mFr/

如果这还是不正确的话,现在是时候看看使用JavaScript,希望还有jQuery.如果您正确地定义了您的需求,那么使用JavaScript来完成这个任务应该是微不足道的.

HTML：

..

CSS：

#container {

border: 2px dashed #444;

text-align: justify;

-ms-text-justify: distribute-all-lines;

text-justify: distribute-all-lines;

min-width: 800px;

max-width: 1400px

}

#container > div {

margin-top: 16px;

border: 1px dashed #f0f;

width: 200px;

height: 200px;

vertical-align: top;

display: inline-block;

*display: inline;

zoom: 1

}

.stretch {

width: 100%;

display: inline-block;

font-size: 0;

line-height: 0

}

额外的跨度(.stretch)可以替换为：after.

这仍然适用于与上述解决方案相同的浏览器. ：在IE6 / 7之后不行,但是他们使用的是全线,所以没关系.

有一个很小的缺点：之后：要使Safari的最后一行工作完美,您必须小心HTML中的空格.

具体来说,这不行：

这样做：