浮动元素的两端对齐
2010年3月16日
当我们使用float来使元素并排显示的时候，可以使用margin来控制元素之间的距离，而在很多版式里（例如产品图片的列表），需要浮动的元素达到两端对齐的效果，如图1所示。
图1 两端对齐的版式
单纯使用float:left或者float:right，而不添加额外的class区分元素的位置，似乎是无法实现靠左/右的效果。
…阅读全文…
[样@式作业 2009年10月12日]如何实现内容块不换行
2009年10月20日
2009年10月12日作业：如何实现内容块不换行？
此题原形出自csdn.net
想做到让最外边的 div.wrap 内部不论有多少div（宽/高为100px，1px的边框）都不换行，并且撑开div.wrap，请问有什么办法？
就是说实现下面的效果：
■■■■■■■■■■■■■■■■………..
不要以下，这样就不行了：
■■■■■■■■■■
■■■■■■
要求兼容性：ie6/7/8，ff3，opera 9+
- 标签：inline-block，table-cell，布局
- 评论：1 条
- 分类：Web前端技术 and 布局+特效
左右内容高度不定，使用border实现中间分割线
2008年6月18日
今天q群里有个网友需要一个竖线，分割左右两边，但是两边的高度又不定，可能左边高也可能右边高，如果给左边或者右边定义边线都有可能会无法贯通整个高度。
上中下三行布局，上下定高，中间栏自适应
2007年9月18日
上中下三行布局，上下定高，中间栏自适应浏览器高度，且内容垂直居中。
firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。
页面布局的简单规则
2006年3月9日
・重复：在整个站点中重复实现某些页面设计风格。
重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。
颜色作为重复成分也很有用：为所有标题设置某种颜色，或者在标题背后使用精细的背景。
在Web页面上使用字体的简单原则
・最好是使用大多数人的机器上可能有的常见的truetype字体。
Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体，中文里面Windows自带宋体、黑体及楷体。
如果你使用不常见的字体，不要忘记为没有此字体的浏览器指定替代的字体。
