面显示很多地名(假设以空格分隔),为了避免地名中间断开(即一个字在上面而另一个字折断到下一行去了)。则可以使用word-break。比如:
xml:namespace prefix = div style="width />
word-break:keep-all">
南京上海 上海上 南 上海上海 南京 上海上海上海 南京上海 上海 南京上海 上海 南京 上海 南京 上海 南京 上海 南京 上海 南京 上海 南京上海 上海 南京上海 上海
值得注意的是里面的空格不能以&;nbsp;代替(最少要有一个软空格)。
10、关于box的hack —— 只用margin
我发现关于盒模型的hack,主要是因为用了固定的width和padding造成的。这样IE里面会多计算width的值,所以习惯于在固定宽度的div里面嵌套一个div,里面那个div有margin值但是没有width和height。这样可以模拟实现padding的效果,语义上基本也过得去。
11、字符缩进妙用 —— text-indent
比如说list元素,如果前面不用list-style-image(因为有时候比较麻烦),而用了background定义,那么为了避免padding带来的宽度上的错误,可以使用text-indent。不仅仅是list,可以是一些title级的东西