我的问题:
在专业网页设计师中,是否偏好其中任何一种方法?
在绘制网站时,浏览器是否偏好其中任何一种方法?
这只是个人喜好吗?
我是否遗漏了其他技巧?
注:上述问题涉及设计多列布局
float:left;
创建列布局时,这是我经常使用的方法,似乎可以正常工作。然而,父元素会折叠在自己身上,所以你需要记住之后添加 clear:both;
。另一个 缺点 是无法纵向对齐文本。
display:inline;
这似乎可以解决父元素折叠的问题,但会添加空格。
从html中删除空格似乎是解决此问题的最简单方法,但如果你对你的html非常挑剔,则不希望这样做。
display:inline-block;
看起来与 display:inline;
完全相同。
display:table-cell;
完美地工作。
我的想法:
我肯定错过了很多东西,例如会破坏布局的某些例外情况,但是 display:table-cell;
似乎效果最好,而且我似乎总是在 clear:both;
上犯错误。我已经阅读了许多关于这方面的文章和博客,但没有一个给出了我应该在网站布局中使用什么的明确答案。
display: inline
属性,但发现它不能正确处理子元素的填充。但是,如果我使用display: inline-block
,这将自动处理。请参见链接 - http://codepen.io/prashdeep/pen/rVOyvd 请告诉我您对此的看法。 - zilcuanu