CSS 在浏览器中的兼容的问题 | |||||||||
标识符 | IE6.0 | IE7.0 | IE8.0 | FF2.0 | FF3.0 | FF3.5 | 360浏览器 | TT浏览器 | Opera9.5 |
> | Y | Y | Y | N | N | N | - | - | N |
. | Y | Y | Y | N | N | N | - | - | N |
* | Y | Y | Y | N | N | N | - | N | |
_ | Y | N | N | N | N | N | - | - | N |
!important | N | Y | Y | Y | Y | Y | - | - | Y |
li 的越界处理
div.citysightlist{width:100%;} .citysightlist ul{float:left;margin-top:3px;}
div.citysightlist li{white-space:nowrap;background:url('../images/dot_02.gif') no-repeat 0 4px;padding-left:12px;width:70px;overflow:hidden;overflow: hidden;text-overflow:ellipsis;-o-text-overflow: ellipsis;-moz-binding:url(../images/moz-text-overflow.xml#XBLDocument);} div.citysightlist li a{width:70px;overflow:hidden;overflow: hidden;text-overflow:}
Div.gonglue_city li{width:100px;float:left;text-align:left;height:23px;line-height:23px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
Div.gonglue_city a{color:#1071bd;text-decoration:none;border-bottom:#1071bd dotted 1px; overflow:hidden; text-overflow:ellipsis; width:100px;}
div 内容居中问题 #mydiv{ background: #ffffff position: absolute; left: 50%; width: 760px; margin-left: -380px; }