HTML – 清除内联块？

概述我有 .centered-holder { margin-left: auto; margin-right: auto; clear: left; display: inline-block;} 然后 <div class="centered-holder">misc content 1</div><div class="centered-holder">mis 我有

.centered-holder {    margin-left: auto;    margin-right: auto;    clear: left;    display: inline-block;}

然后

<div >misc content 1</div><div >misc content 2</div><div >misc content 3</div>

我只想要每行一个最大值，这实际上是可能的吗？这是一个iPhone HTML5应用程序，因此较旧的浏览器限制不是问题。

解决方法 取决于您的CSS声明和标记，但您可以尝试将此CSS声明放在父容器上：

white-space: pre-line;

使用此方法可以避免将.centered-holder转换为块元素，并且仍然可以在父容器上使用text-align：center。

pre-line
– This value will cause sequences of whitespace to collapse into a single space character. line breaks will occur wherever
necessary to fill line Boxes,and at new lines in the markup (or at
occurrences of “\a” in generated content). In other words,it’s like
normal except that it’ll honor explicit line breaks.

您可以在此处找到有关空白区域的更多信息：

> http://reference.sitepoint.com/css/white-space
> @L_502_1@

要完成，您可以使用这些CSS声明：

.parent-container {    white-space: pre-line /* Create new line for each div */;    line-height:0 /* Mask the extra lines */;    *white-space: pre /*Fixie7*/;    *@R_419_4159@: break-word /*Fixie7*/;}.centered-holder {    display: inline-block;    line-height:100% /* Restore a default line-height */;    *display: inline /*Fixie7*/;    *zoom: 1 /*Fixie7*/;}

我发现这个问题非常有趣，所以我还给出了ie6-7的CSS声明(pre-line和inline-block修复)。它应该对其他有类似问题的人有用。

总结

以上是内存溢出为你收集整理的HTML – 清除内联块？全部内容，希望文章能够帮你解决HTML – 清除内联块？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。