div中float，div换行的问题 30

<htmllang="zh-cn"><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF8... <html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

<style type="text/css">
body{background-color:#ffffff;margin:0;padding:0;font-family:Arial, Helvetica, Geneva;font-size:10px;}
div.dhtmlMenuLG{white-space:nowrap;clear:both;}
div.dhtmlMenuLG div.dhtmlMenuItem{float:left;text-align:center;margin:0 15px 0 0;font-size: 12px;}
</style>
<title></title>
</head>
<body>

<table cellpadding="0" cellspacing="0" border="0" height="70%">
<tr>
<td valign="top" width="100%">

<div class="dhtmlMenuLG">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">疯狂</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">发生的</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">发多少</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">现场v</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">士大夫</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">一二三</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">一二三</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">士大夫</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">沃尔</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">阿方索</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">发生的</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">很健康</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">体育</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<br />
<a href="#" class="noVisit">沃尔</a>
</div>

</div>

</td>

</tr>
</table>

</body>
</html>

上面是html文件代码，下面是效果，我想问的是，为什么自动排列的div第二行不是从最左边开始的呢，请高人指点，谢谢了
sky94羽 , wuniuu 二位说的我都试了，TEXT-ALIGN:LEFT 放到body{}
div.dhtmlMenuLG{}
div.dhtmlMenuLG div.dhtmlMenuItem{} 还有 放到table中我都试过了，不行啊 展开
 我来答
4个回答
#热议# 不吃早饭真的会得胆结石吗？
gxl365726460
2010-06-04 · 超过34用户采纳过TA的回答
知道答主
回答量：90
采纳率：57%
帮助的人：55.1万
我也去答题访问个人页
展开全部
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

<style type="text/css">
body{background-color:#ffffff;margin:0;padding:0;font-family:Arial, Helvetica, Geneva;font-size:10px;}
div.dhtmlMenuLG{clear:both;}
div.dhtmlMenuLG div.dhtmlMenuItem{float:left;text-align:center;margin:0 15px 0 0;font-size: 12px;}
div.dhtmlMenuLG div.dhtmlMenuItem A{display:block}
</style>
<title></title>
</head>
<body>

<table cellpadding="0" cellspacing="0" border="0" height="70%">
<tr>
<td valign="top" width="100%">

<div class="dhtmlMenuLG">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">疯狂</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发生的</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发多少</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">现场v</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">士大夫</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">一二三</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">一二三</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">士大夫</a>
</div>

<div style="clear:both;">
<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">沃尔</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">阿方索</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发生的</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">很健康</a>
</div>
<div style="clear:both;">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">体育</a>
</div>

<div style="clear:both;">
<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">沃尔</a>
</div>
<div style="clear:both;">

</div>

</td>

</tr>
</table>

</body>
</html>

因为你没清除浮动。
我不知道你为什么要这样去，想不通，你这样做没意义知道吗？
一个表格里面去嵌套DIV？再说了，人家DIV本来就是自动左对齐，你非得加个左浮动。
打个比方说第一块DIV1 宽度100px.左浮，第二DIV2 100PX 左浮，如果你不清掉？你觉得他会往左吗？
这样就导致了DIV跟在DIV1的后面，因为最外面的宽度没设定。
你压根就不用浮动都可以实现的效果，非得这样做，诶。写程序，记住：要简洁，实用，别做无偿垃圾代码
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
大雅新科技有限公司
2024-11-19 广告
这方面更多更全面的信息其实可以找下大雅新。深圳市大雅新科技有限公司从事KVM延长器,DVI延长器,USB延长器,键盘鼠标延长器,双绞线视频传输器,VGA视频双绞线传输器，VGA延长器,VGA视频延长器,DVI KVM 切换器等，优质供应商，... 点击进入详情页
本回答由大雅新科技有限公司提供
 赤月说网站
2010-06-03 · TA获得超过1547个赞
知道小有建树答主
回答量：755
采纳率：25%
帮助的人：516万
我也去答题访问个人页
展开全部
看看我的：

<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8" />

<style type="text/css">
body{background-color:#ffffff;margin:0;padding:0;font-family:Arial, Helvetica, Geneva;font-size:10px;}
div.dhtmlMenuLG{white-space:nowrap;clear:both;}
div.dhtmlMenuLG div.dhtmlMenuItem{float:left;text-align:center;margin:0 15px 0 0;font-size: 12px;}
div.dhtmlMenuLG div.dhtmlMenuItem A{display:block}
</style>
<title></title>
</head>
<body>

<table cellpadding="0" cellspacing="0" border="0" height="70%">
<tr>
<td valign="top" width="100%">

<div class="dhtmlMenuLG">

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">疯狂</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发生的</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发多少</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">现场v</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">士大夫</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">一二三</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">一二三</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">士大夫</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">沃尔</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">阿方索</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">发生的</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">很健康</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">体育</a>
</div>

<div class="dhtmlMenuItem">
<a href="#"><img src="11.jpg" /></a>
<a href="#" class="noVisit">沃尔</a>
</div>

</div>

</td>

</tr>
</table>

</body>
</html>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
wuniuu
2010-06-04
知道答主
回答量：46
采纳率：0%
帮助的人：23.2万
我也去答题访问个人页
展开全部
因为你用了text-align:center.可以在适当的位置加个TEXT-ALIGN:LEFT;就OK了】
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
sky94羽
2010-06-04 · TA获得超过1584个赞
知道小有建树答主
回答量：726
采纳率：0%
帮助的人：0
我也去答题访问个人页
展开全部
应该是你TABLE或者哪个加了居中对齐的属性吧！给div.dhtmlMenuLG加个左对齐的起样式，div.dhtmlMenuLG和 div.dhtmlMenuItem都设置好高宽！或者给TABLE加个左对齐的样式！
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（2）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式