我写了一段HTML代码,没有加DTD之前,在IE8中显示很正常,但是加了DTD之后,在IE8中显示效果就有点错位,是什么原因啊,怎样让加了DTD之后的代码显示正常呢?
以下是我的HTML代码:
- HTML code
<html> <head> <style type="text/css"> #first{width:350px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #second ul{list-style-type:none;} </style> </head> <body> <div id="first"> <ul> <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li> <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li> <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li> <li>客场挑战目前只取得7胜8负的福建队新疆队却在进</li> </ul> </div> <div id="second"> <ul> <li>[12.27]</li> <li>[12.27]</li> <li>[12.27]</li> <li>[12.27]</li> </ul> </div> </body> </html>
以下是我的DTD声明:
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd">
------解决方案--------------------
#second ul{list-style-type:none;float:left;}
看看这样是不是你要的效果~
大家一起学习~
------解决方案--------------------
#first{width:350px;float:left;}
#first li{width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#second{float:left;}
#second ul{list-style-type:none;}