网站导航：网学原创论文原创专题网站设计最新系统原创论文论文降重发表论文论文发表 UI设计定制论文答辩PPT格式排版期刊发表论文专题

当前位置：网学 > 设计资源 > DIVCSS技术 > 正文

让DIV不换行及多div重叠

论文降重修改服务、格式排版等获取论文论文降重及排版论文发表相关服务

一，单个DIV：
1.用nobr元素

<html>
<head>
</head>
<body>
<div><nobr>不换行不换行<nobr></div>
</body>
</html>

2.用nowrap元素
Code:

<html>
<head>
</head>
<body>
<div nowrap>div不换行div不换行div不换行</div>
</body>
</html>

二，两个DIV
1. 用CSS里的float属性

<html>
<head>
<style type="text/css">
div#row1 { float: left; color: blue; }
div#row2 { color: red }
</style>
</head>
<body>
<div id="row1">第一个div</div>
<div id="row2">第二个div不换行</div>
</body>
</html>

2. 用CSS里的diplay属性

<html>
<head>
<title>CSS中的不换行</title>
<style type="text/css">
div#row1 { color: blue;display: inline }
div#row2 { color: red;display: inline }
</style>
</head>
<body>
<div id="row1">第一个div</div>
<div id="row2">第二个div不要换行</div>
</body>
</html>

多DIV重叠

1.

<div id="left_bot_list1" style="height:448px;width:228px;overflow:auto">
      </div>
   <div id="left_bot_list2" style="VISIBILITY:hidden;POSITION: relative;Top:expression(0-document.getElementById('left_bot_list1').offsetHeight);">

   </div>
   <div id="left_bot_list3" style="VISIBILITY:hidden;POSITION: relative;Top:expression(0-document.getElementById('left_bot_list1').offsetHeight-document.getElementById('left_bot_list2').offsetHeight);">

   </div>

<script type="text/javascript" language="Javascript">
function changeDivleft_bot(num){
if(num == 1){

   left_bot_list1.style.visibility = "visible";
   left_bot_list2.style.visibility = "hidden";
   left_bot_list3.style.visibility = "hidden";
}
if(num == 2){

   left_bot_list1.style.visibility = "hidden";
   left_bot_list2.style.visibility = "visible";
   left_bot_list3.style.visibility = "hidden";

}
if(num == 3){
   left_bot_list1.style.visibility = "hidden";
   left_bot_list2.style.visibility = "hidden";
   left_bot_list3.style.visibility = "visible";

}

}

//alert(tree.loaded);
</script>

2.

<div id="left_bot_list1" style="display:inline;height:448px;width:222px;overflow:auto">
      </div>
   <div id="left_bot_list2" style="display:none;height:448px;width:222px;overflow:auto">

   </div>
   <div id="left_bot_list3" style="display:none;height:448px;width:222px;overflow:auto" >

   </div>

<script type="text/javascript" language="Javascript">
function changeDivleft_bot(num){
if(num == 1){

   left_bot_list1.style.display = 'inline';
   left_bot_list2.style.display = 'none';
   left_bot_list3.style.display = 'none';
}
if(num == 2){

   left_bot_list1.style.display = 'none';
   left_bot_list2.style.display = 'inline';
   left_bot_list3.style.display = 'none';

}
if(num == 3){
   left_bot_list1.style.display = 'none';
   left_bot_list2.style.display = 'none';
   left_bot_list3.style.display = 'inline';

}

}

</script>

1 2 下一页

上一篇资讯：高效整洁CSS代码原则

下一篇资讯：浅析css框架的5点利弊

相关资讯

网学推荐

·论文数据图表制作

·论文排版通过检测检测

·提供系统开发和运行服务

·提供原创参考资料

·档案托管服务

·原创参考论文导航

·查重服务维普检测低于30%

·我们提供原创参考论文和原创的参

·原创的论文资料参考节省时间！

·论文格式排版格式核对！

·UI设计定制、界面设计

·程序和网站等UI设计定制！

·原创参考论文参考定制！

·职称和论文发表,可联系业务我们

·本科毕业设计(论文)答辩指南

·程序制作专家

原创论文

·论文选题-查重参考论文

·参考论文大全

·电气工程及其自动化

·电子信息工程

·公共关系学

·公共事业管理

·公路交通运输

文章排行榜

· 什么是CSS＋DIV及其优势所在？

· 0007-黑蓝色调的游戏类网站模板

· 0004-蓝色和绿色底色的CSS+DIV模板

· 0008-SummerBreeze清新风格的网页模

· 关于DOCTYPE

· CSS高级技巧:文字环绕图片文字环绕

· 增强SEO的div+css命名规则

· CSS的“弹出式”图像浏览器

· CSS常用网站布局实例

· 0003-2列简洁风格的布局页面

· 几个经典的css技巧

· 最常用和实用的CSS技巧

· DIV+CSS常用的网页布局代码

· 0012-GalleryImages相册模板

· 网页制作之HTML基础知识

· CSS精粹之布局技巧

· Tigtag网页标准站

· 建立可读性可维护性良好的CSS文件

设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创

版权所有网学网 [Myeducs.cn] 您电脑的分辨率是像素
Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号常年法律顾问：王律师