<DIV>+CSS的排列怎么横着排

怎么让<DL>和<UL>在一横排上啊????

<HTML>
<style>
#DIV1 {
width:800;
border:#000000 1PX solid;
float:left;
}
#DIV1 UL{
width:600;
}
#DIV1 LI{
width:10;
float:left;
text-align:center;
}

</style>
<DIV ID=DIV1>
<UL>
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</UL>
<DL>
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</DL>
</DIV>
</HTML>
谢谢,可是为什么这两个是分两行的,我想要在一行上的

ul和dl 是块元素,要分行的。所以要想在一行,可以分别嵌套一个设定了宽度的div,进行浮动。
温馨提示:内容为网友见解,仅供参考
第1个回答  2008-11-03
<HTML>
<style>
#DIV1 {
width:800px;
border:#000000 1PX solid;

}
#li1{
width:400px;
float:left;
}
#li2{
width:400px;
float:right;
text-align:center;
}

</style>
<DIV ID="DIV1">
<div id="li1">
<LI>1</LI>
<LI>2</LI>
<LI>3</LI>
<LI>4</LI>
<LI>5</LI>
<LI>6</LI>
</div>
<div id="li2">
<DD>7</DD>
<DD>8</DD>
<DD>9</DD>
</div>
</DIV>
</HTML>

div+css怎么实现两行横向排列样式
只能按三列竖向排列做。

div+css 网页导航怎样变成横的一排显示?回的大人请帮忙看一下代码_百...
第一次见到id可以这么写:<div #container> 想要菜单横排显示,在style里加上这个:li{ float:left;}

DIV+CSS布局问题?如何使DIV表格横排列
1.里面的DIV用span来代替. SPAN不换行.<div id="111" class="j"align="center"> <div id="222" class="h j">这是222_DIV<\/div>'<div id="333" class="h j">这是333_DIV<\/div>'<\/div> 2.如果只是两个DIV(没有那两个引号), 可以在CSS里增加float参数, 如222里加上 float:le...

CSS + DIV 怎么让图片横向排列自动换行
for (var i = 0; i < img_json.length; i++){ var div=document.createElement("div"); div.id = div.name = "d"+ a; div.innerHTML= "<img src='" + img_json[i].Picture + "'width='80' height='80' \/>"; document.getElementById("img_id").appendChild(div); a++; }}<div i...

DIV+CSS样式,li自动适应高度,自动换行,横向排列
<\/div> css部分:nav{ margin: 0 auto;border: 2px solid #00CED1;} ul,li { margin: 0px;padding: 0px;list-style: none;} ul{ display: flex;flex-direction: row;flex-wrap: wrap;} li{ border: 1px solid;width: 100px; \/*每个元素的初始化宽度*\/ text-align: center;margin-...

div+css 如何横向排列,要求横向排两个。超过两个就自动换行!
没必要写那么多的,直接A就搞定了。代码总发布上去,你百度HI我,我给你发你看看是不是你要的效果

div+css图片列表横排问题
对PHP不很明白,大致可以判断是前台查询显示的问题,找到“ mod ”,将相关的“6”改为“5”。就是能被5整除,则换行显示。=== 数据查询结构、首页的结构究竟是什么样,从页面显示上是看不出来的,只能猜测这么多。

css如何让div横向排列
可以使用弹性布局,display: flex 就可以让div横排,默认布局轴方向就是横向,justify-content: space-between可以是div平均分布在水平轴上。

如何用div+css做漂亮的横排导航栏
margin: 2px 0;line-height: 30px;...} 依次类推设置3个子div的格式。class用于设置3个子div的共同格式;比如设置共同字体:.geshi{ font-family: 微软雅黑;} 需要什么样的排版格式百度下怎么设置就行了 上面这个主要是框架,具体的格式就在css文件里面设置,什么颜色\\背景\\字体\\位置等等都在css里...

div和css使内容和图片横排的问题
href="#"><img src="#"><\/a><\/li> <li><a href="#"><img src="#"><\/a><\/li> <\/ul> css:li{ width:88px;height:33px;display:inline;\/*--li本来是块级元素,这条css就使li变为内联(行内)元素,从而达到横向排列--*\/ } 其他css就不写了,不懂再问,QQ:490789827 ...

相似回答