其实这个是凑数来的。只是好久没动博客了，实在是说不过去了，丫的太懒了。其实是淡水没有时间（好假的借口）。 闲话不多说了。现在一般都是用li做菜单了，淡水也就从了。li的float:left,可以了变成横向的菜单了。但是它们怎么跑到区域里居中显示呢（一般是页脚的链接是居中的）？li的display:inline;就可以了，float：left都不要了，自己跑一行去了。 #main_footer{ list-style:none; text-align:center; } #main_footer li{ display:inline; } <ul id=”main_footer”> <li><a href=”#”>公司介绍</a></li> <li><a href=”#”>我们的创新</a></li> <li><a href=”#”>工作理念</a></li> <li><a href=”#”>价值观</a></li> <li><a href=”#”>联系我们</a></li> </ul> 其实淡水还是在用table布局，为啥，方便啊。不过也少了:) 哎，div啊。。。

1，插入flash，不追求web标准，可以这样简短： <EMBED src="URL" width="100" height="300" type=application/x-shockwave-flash quality="high"></EMBED> 2，同一选择器针对不同浏览器的css hack select { background-color: black;/* firefox, opera, ie8 */ [;background-color: green;]/* safari, chrome */ *background-color: blue;/* ie7 */ _background-color: red;/* ie6 */ } html*~/**/body select { border: 5px solid red;/* ie8 */ }以上只是一个例子说明混合写法.以下是对例子的补充 1.IE都能识别*;标准浏览器(如FF)不能识别*; 2.IE7,FF能识别!important,IE6不能. 3.只有IE6能识别_ 4.不管是什么方法，书写的顺序都应该是firefox的写在前面，IE7的写在中间，IE6的写在最后面。 5.对于ie8 chrome hack的请 GOOGLE or BAIDU …

.textOverFlow { width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #ddd; } 实现原理： （1）指定宽度：width:300px; （2）overflow:hidden; 将超出内容隐藏 （3）text-overflow:ellipsis; IE 专有属性，当对象内文本溢出时显示省略标记(…) （4）white-space:nowrap; 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。

以前都是把多选框放到一个单独的表格单元格。 现在才知道，用css更简单： input,select,button{ vertical-align:middle; } 再加个表格隔行变色和鼠标移动变色： 表格隔行变色