如何一行并排显示DIV

<div id="main">
    <div id="main-left"></div>
    <div id="main-main"></div>
    <div id="main-right"></div>
<div>

然后看Css

#main {
    width:942px;
    height:400px;
    margin:auto;
}
#main-left {
    width:258px;
    height:400px;
    float:left;
    line-height:20px;
    margin:0px 28px 0px 28px;
}
#main-main {
    width:258px;
    height:400px;
    float:left;
    line-height:20px;
    margin:0px 28px 0px 28px;
}
#main-right {
    width:258px;
    height:400px;
    float:left;
    margin:0px 28px 0px 28px;
    line-height:20px;
}

作者:cnblogs Yowe

查看本栏目更多精彩内容:http://www.bianceng.cnhttp://www.bianceng.cn/web/Skills/

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索float
, margin
, line-height
, width
, px
height
如何让2个div并排显示、如何让div并排显示、div如何并排显示、div并排显示、多个div并排显示,以便于您获取更多的相关知识。

时间: 2024-10-27 14:47:18

如何一行并排显示DIV的相关文章

一行三列DIV+CSS布局

css 一行三列DIV+CSS布局;这是昨天晚上做的一个例子: CSS部分: 程序代码<style>/* 子 鼠 www.zishu.cn */body{margin:0px;padding:0px;font-size:12px; line-height:1.8;font-family: Verdana,宋体;} #footer{background:#FF66CC;}#header{ background:#FF3300;}#footer,#header,#wrap{clear:both;}

让ie11浏览器在单独一行上显示标签页的方法

  1.首先来看一下默认情况下ie11浏览器的标签页如下图所示: 2.当我们想改变时,可以鼠标右键,然后点击"单独一行上显示标签页"这一选项: 3.标签页就变成常见的一种显示模式了:

JS+CSS实现感应鼠标渐变显示DIV层的方法

 这篇文章主要介绍了JS+CSS实现感应鼠标渐变显示DIV层的方法,涉及javascript对div层的逐渐显示与隐藏的实现技巧,需要的朋友可以参考下     本文实例讲述了JS+CSS实现感应鼠标渐变显示DIV层的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x

div布局-怎样在记事本中显示div隐藏代码

问题描述 怎样在记事本中显示div隐藏代码 我在做大数据可视化,用的JavaScript Infovis Toolkit,正在看官网给的例子,可是用记事本打开,有一部分div代码没有显示出来,我想修改那些没有被显示出来的代码,,怎么让他们在记事本或Dreamweaver里显示出来啊,,,求大神回复~ 解决方案 Java 记事本代码div 显示与隐藏div隐藏和显示

合并-工具栏并排显示的实现,不是很清楚怎么描述

问题描述 工具栏并排显示的实现,不是很清楚怎么描述 工具栏并排显示的实现,不是很清楚怎么描述,关于界面.怎么把多个工具栏显示在一起?或者说怎么合并工具栏? 解决方案 可以使用VB自带的coolbar控件,它就支持你把toolbar放在里面并排显示.

panel并排-.NET中怎样将两个panel控件并排显示,除了使用tabel

问题描述 .NET中怎样将两个panel控件并排显示,除了使用tabel 怎样将两个panel控件并排显示,除了使用table布局,求答案中.

c# winform...-C#窗口并排显示数据库中的多张图片

问题描述 C#窗口并排显示数据库中的多张图片 在SQL数据库中有个人员表,人员表中有员工的图片,如何在C#中的窗口显示人员表中所有员工的照片,这些照片并排显示,还有click事件.本人水平有限,谢谢大家.ps 问题的关键不是如何去读取图片,关键是如何把照片全部(个数不定)全部显示出来,因为picturebox只能显示一张图片,而且图片的个数还不定. 解决方案 照片用picturebox装载,不过你如果现实的图片很多的话(个数不定),最好自己做一个mypicturebox控件,然后pictureb

div显示-如何在记事本上显示div隐藏代码

问题描述 如何在记事本上显示div隐藏代码 我在做大数据可视化,用的JavaScript Infovis Toolkit,正在看官网给的例子,可是用记事本打开,有一部分div代码没有显示出来,如图所示,我想在记事本或Dreamweaver中显示红框里的代码并进行修改,这个怎么弄啊,,求大神回复~(第二张图是Dreamweaver里的代码) 解决方案 你的id-list那个控件是js动态加载的,你审查元素当然可以看得到,保存的时候存的是页面的源代码,和你右键查看源代码效果一样. 你审查元素后,点击

android scrollview-重写的ListView onMeasure()方法,数据加载多了最后一行总是显示不全

问题描述 重写的ListView onMeasure()方法,数据加载多了最后一行总是显示不全 ScrollView嵌套ListView重写的ListView onMeasure()方法,数据加载多了最后一行总是显示不全,这个有人遇到过嘛 解决方案 没有这个问题,显示不全是因为你的onMeasure没有对吧 int expandSpec = MeasureSpec.makeMeasureSpec( Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST); su