CSS+DIV一行三列(等宽高,有间距)怎么写

如题所述

第1个回答  2016-12-09
css:
#id{width:100%;height:100%;}
#main>div{
    float:left;width:33.3%;height:33.3%;
    line-height:33.3%;text-align:center;
}
html:
<div id='main'>
    <div></div>
    <div></div>
    <div></div>
</div>

本回答被网友采纳

CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)
<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312" \/> <title>无标题文档...

...<\/div>如何将三个div平均分配成三个等宽的div? 如下只是举例, 不...
<body> <div > <div style="width:33%; float:left; background-color:Red; ">这是左边部分<\/div> <div style="width: 34%; float:left; background-color: #3969B7;">这是中间部分<\/div> <div style="width: 33%; float:right; background-color:Blue;">这是右边部分<\/div> <\/...

css中这种文字等宽如何设置?
<style>.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px;}.justify > span { display: inline-block \/* Opera *\/; padding-left: 100%; }<\/style><div class="justify">hello,text justify.<\/div><br\/><div class="ju...

一个大的DIV中放两个小的DIV一左一右
1、首先如图所示的web结构即一个html和css即可实现。2、打开html页面 定义一个大的div和两个小div 如图所示。3、最常用的float浮动,只要两个小div的宽度小于等于大div的宽度,即可实现并排了。4、使用position进行绝对定位,然后使用margin-left除去第一个小div的宽度即可。5、使用table盒子实现div并排,...

div如何设置100%的高啊
CSS想让一个元素的百分比高度height: 100%;起作用,需要给这个元素的所有父元素的高度设定一个有效值。如下所示就可以让div高度为100%了:<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;border: 1px solid #C00"> <p> 这样这个div的高...

关于圆角div内部等大(或等宽)div背景色突出的问题
里面第一个元素也用上圆角呗…border-top-left-radius: Npx;border-top-right-radius: Npx;其中的N=外面的div的圆角的半径-边框宽度 例如外面是:border-radius: 10px;border: 3px solid #000000;那么里面就应该是:border-top-left-radius: 7px;border-top-right-radius: 7px;

如何让div自动适应自身的img高度
2、在两个div中加入相同的图片, 这个时候需要在img 类中加入css语句设置一下div的高度和宽度,以及div的边框,然后就可以设置img的样式了:3、最后设置img的样式中图片的高度为auto,宽度为100%,这样就可以自适应浏览器了,来到浏览器,可以看到设置了自适应的图片自动填满整个div了,而没有设置的则...

bootstrap入门?
例如,三个等宽的列可以使用三个.col-xs-4来创建。注意事项:正如上面在注释部分所展现的一样的.container(固定宽度)是固定宽度的布局方式。通过查看源码,在查看.container类的时候我们会发现,它的宽度是响应式的:(如下).container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}@...

如何用CSS使label标签等宽?
如果要为label设置宽度,则需要改变label的display属性,使其变为一个块级元素。方法如下:1.增加inline-block属性值,将label标签变为行内块元素(css2.1新增)label{display:inline-block;}2.增加width属性,如将宽度设置为100px label{width:100px;display:inline-block;}3.添加好后页面上所有的...

css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中_百度...
一、css图片水平居中。1、利用margin: 0 auto实现图片居中,就是在图片上加上css样式margin: 0 auto 如下:2、设置imgBox的样式如下:3、此时的效果如下:(图片在容器内,水平居中)二、css图片垂直居中。1、css代码如下,使用flex布局实现。2、页面代码HTML如下:3、此时的效果如下:(垂直居中)三、...

相似回答