一二八软件   十几年网站制作经验,满意收工,诚信100%
企业建站 PC+手机端+微站+小程序+App、百度、google国外推广
官网1   官网2
咨询电话 (微信):181 23965 128
 
首页 网站推广 精美网站 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
CSSDIV 位置:首页 > 网站知识 > CSSDIV
现在html里有两个dl怎么能让这两个dl在同一行内,而不是自动换行
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 2381 人次
 

现在html里有两个dl怎么能让这两个dl在同一行内,而不是自动换行

<dl id="first">
<dt>menu1</dt>
<dd>file1</dd>
</dl>

<dl id="second">
<dt>menu2</dt>
<dd>file3</dd>
</dl>

这样两个东西,不用table的话怎么能让他们在同一行,现在是自动换行了

-------------------------------------------------------------------

在html中如何让两个dl对齐显示:实际效果来测试一下:

1、打开相关测试软件,设置两个css样式这里取名:dl1   dl2,在html中用dl标签引用这两个样式如下

1
2
3
4
5
6
<style>
.dll{ width:200px; height:100px; background-color:#F00; float:left;}
.dl2{ width:200px; height:100px; background-color:#09F; float:left;}
</style>
<dl class="dll"></dl>
<dl class="dl2"></dl>

详解:两个dl引用的css样式宽度width都为200px,高度height为100px,为了区分两个区域块是否在同一行显示,这里设置两个背景颜色dl1为#F00(红色),dl2为#09F(浅蓝色);主要css属性:float:left;使其靠左浮动对齐,最后在html中用dl引用两个css样式;

注:float:left靠左浮动对齐;

float:right靠右浮动对齐;

下方如果还有区域块儿请记得清除一下浮动:clear:both;清除左右浮动,left清除左浮动,right清除右浮动;

[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in    网址1:https://www.128.in
Copyright © 2005-2022 深圳市一二八软件有限公司 All Right Reserved. 网址2:http://www.128web.cn
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号   
 
扫一扫 打开网站   扫一扫 加我微信
咨询电话(微信)
181 23965 128

扫一扫 加我微信