相关疑难解决方法(0)

我的问题

1. 这些方法中的任何一种都是专业网页设计师的首选吗？

2. 在绘制网站时,这些方法中的任何一种都是通过网络浏览器进行优化的吗？

3. 这只是个人偏好吗？

4. 还有其他我缺少的技术吗？

注意:以上问题涉及设计多列布局

向左飘浮;

http://jsfiddle.net/CDe6a/

这是我在创建列布局时总是使用的方法,它似乎工作得很好.虽然父母确实崩溃了,所以你只需要记住clear:both;以后.另一个骗子,我只是发现无法垂直对齐文本.

显示:内联;

这似乎纠正了折叠父级的问题,但增加了空格.

http://jsfiddle.net/CDe6a/1/

从html中删除空格似乎是最容易解决这个问题的方法,但如果你对你的html非常挑剔则不需要.

http://jsfiddle.net/CDe6a/2/

显示:内联块;

似乎表现得很像display:inline;.

http://jsfiddle.net/CDe6a/3/

显示:表细胞;

http://jsfiddle.net/CDe6a/4/

工作完美.

我的想法:

我确定我错过了很多东西,比如某些例外情况会破坏布局,但display:table-cell;似乎效果最好,我想我会开始更换,float:left;因为我似乎总是陷入困境clear:both;.我在网上看过很多关于这个的文章和博客,但没有一个能给我一个明确的答案,说明我在设置我的网站时应该使用什么.