js小总结1

1、列表横排

将li的样式设置为

li{display:block;float:left;}


//display:inline 直接横着排了

2、去除图片垂直方向的空白

最好的做法
为 img 加上 vertical-align属性

3、连续文字的强制换行l

word-break:break-all;
word-wrap:break-word;

4、文字过多显示省略号

text-overflow: ellipsis;//显示省略号
display:blcok;
white-space:nowrap;

ps:需要定义宽度

5、字符串截取问题 css截取字符串注意事项

style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
http://www.iteye.com/topic/338033

6、style=disply:none

7、style="cursor:hand;" 在IE中能正常显示成手；在firefox中却不能正常显示
style="cursor:pointer;" 则在两个浏览器下都能正常显示 ,
适用于IE6.0及以上版本以及FIREFOX，在IE5.0下不能显示成手

8、 style="overflow: hidden;white-space: nowrap;width: 80px;text-overflow:ellipsis;"
div css text-overflow设置文字截断
http://dyclh.iteye.com/blog/713685


一些链接：
a>. word-wrap和word-break
http://ice-cream.iteye.com/blog/160739
http://kennethf6986.iteye.com/blog/750724

b>.CSS Layout Properties 布局属性 (display:xxx,clear:xx,table-)
http://llsh1161.iteye.com/blog/1089561

c>.div display属性在ie和火狐下的差别(display:table及取得浏览器类型)
http://www.iteye.com/topic/214802

d>.IE与火狐 差异
http://mojianpo.iteye.com/blog/775160
http://myzone.iteye.com/blog/474426
http://woaiguangxi.iteye.com/blog/700489