当前位置：首页 → 问答吧 → 如何取消li前的原点，让我的图文横向排列

如何取消li前的原点，让我的图文横向排列

时间：2010-09-06

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style> </head> <body> <div id="rightBlock"> <div id="blocktop">热门图文</div> <div id="blockbottom">  <li> <div class="pe_u_thumb"><a href="/18/19.html" target="_blank"><img src="/UploadFiles/info/2010/9/201009031659090231_S.jpg" alt="宾利BENTLEY Supersports Convertible台湾销售1980万元起" width="130" height="84" border="0"></a></div> <div class="pe_u_thumb_title"><a href="/18/19.html" target="_blank">宾利BENTLEY Supers…</a><br>…</div> </li> <li> <div class="pe_u_thumb"><a href="/18/18.html" target="_blank"><img src="/UploadFiles/info/2010/9/201009031659083172_S.jpg" alt="全球高端SUV大混战 宝马X1力压奥迪Q5" width="130" height="84" border="0"></a></div> <div class="pe_u_thumb_title"><a href="/18/18.html" target="_blank">全球高端SUV大混战 …</a><br>…</div> </li> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

现在图文不是一行两列，我的本意是图文一行两列，现在图文前还有个小圆点，不想显示小圆点，为什么设置了list-style-type:none;也不起作用呢？

奇怪奇怪，怎么在我的机器上效果和在论坛上运行的效果不一样？

[ 本帖最后由 batistutafans 于 2010-9-6 17:13 编辑 ]

附件

111.jpg (12.13 KB)

2010-9-6 17:13

作者: batistutafans 发布时间: 2010-09-06

li是要套ul的.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style> </head> <body> <div id="rightBlock"> <div id="blocktop">热门图文</div> <div id="blockbottom">  <ul> <li> <div class="pe_u_thumb"><a href="/18/19.html" target="_blank"><img src="/UploadFiles/info/2010/9/201009031659090231_S.jpg" alt="宾利BENTLEY Supersports Convertible台湾销售1980万元起" width="130" height="84" border="0"></a></div> <div class="pe_u_thumb_title"><a href="/18/19.html" target="_blank">宾利BENTLEY Supers…</a><br>…</div> </li> <li> <div class="pe_u_thumb"><a href="/18/18.html" target="_blank"><img src="/UploadFiles/info/2010/9/201009031659083172_S.jpg" alt="全球高端SUV大混战 宝马X1力压奥迪Q5" width="130" height="84" border="0"></a></div> <div class="pe_u_thumb_title"><a href="/18/18.html" target="_blank">全球高端SUV大混战 …</a><br>…</div> </li> </ul> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

作者: rao3324180 发布时间: 2010-09-06

原来如此，加了<ul>以后圆点倒是消失了，这个一行两列还是没有出来，运行效果那里现在真正变成一行一列了。

[ 本帖最后由 batistutafans 于 2010-9-6 17:21 编辑 ]