DIV CSS 中DIV为什么在DW编辑器中总是莫名其妙的换行？我需要通过那些措施进行预防？

html-css018

DIV CSS 中DIV为什么在DW编辑器中总是莫名其妙的换行？我需要通过那些措施进行预防？,第1张

要让层并排显示不用设置display的，设置浮动就可以了，全部向左或右浮动就可以实现div并排的布局效果。如下：

.max_div

.min_div1

.min_div12

.min_div3

<div class="max_div">

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

<div clss="min_div1">红</div>

<div clss="min_div2">绿</div>

<div clss="min_div3">蓝</div>

</div>

你说的情况多半是因为指定的值不精准，自己微调一下就可以了！大家给你的只是一个思路，一个常用的方法！

<div id="site-map">

<dl>

<dt><h3>财经</h3></dt>

<dd>

<ul>

<li>理财生活</li>

<li>财经要闻</li>

<li>创富故事</li>

</ul>

</dd>

<dl>

<dl>

<dt><h3>教育</h3></dt>

<dd>

<ul>

<li>教育咨询</li>

<li>职业培训</li>

<li>职场人生</li>

</ul>

</dd>

<dl>

</div>

才装了系统，没编辑器，css不好输，你自己改：

#site-map{

width: 500px

line-height:1.78

}

#site-map dl{

边框:灰色 1px

下外边距：10px

}

#site-map dt{

背景:灰色

}

#site ul{

width: 100%

overflow:hidden

}

#site ul li{

浮动：左

右外边距：10px

}

可以使用css的margin标签实现宽度不定，居中显示。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件，css文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下css代码。

4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现的宽度不定，水平居中显示效果。