怎样用CSS将着四个div实现同一条线,水平居中?代码如下:<html><head><title></title><style type="text/css">.one{border:2px solid red;width:250px;height:50px;text-align:center;background:#999;
来源:学生作业帮助网 编辑:作业帮 时间:2024/07/02 03:45:19
![怎样用CSS将着四个div实现同一条线,水平居中?代码如下:<html><head><title></title><style type="text/css">.one{border:2px solid red;width:250px;height:50px;text-align:center;background:#999;](/uploads/image/z/15218555-59-5.jpg?t=%E6%80%8E%E6%A0%B7%E7%94%A8CSS%E5%B0%86%E7%9D%80%E5%9B%9B%E4%B8%AAdiv%E5%AE%9E%E7%8E%B0%E5%90%8C%E4%B8%80%E6%9D%A1%E7%BA%BF%2C%E6%B0%B4%E5%B9%B3%E5%B1%85%E4%B8%AD%3F%E4%BB%A3%E7%A0%81%E5%A6%82%E4%B8%8B%EF%BC%9A%26lt%3Bhtml%26gt%3B%26lt%3Bhead%26gt%3B%26lt%3Btitle%26gt%3B%26lt%3B%2Ftitle%26gt%3B%26lt%3Bstyle+type%3D%26quot%3Btext%2Fcss%26quot%3B%26gt%3B.one%7Bborder%3A2px+solid+red%3Bwidth%3A250px%3Bheight%3A50px%3Btext-align%3Acenter%3Bbackground%3A%23999%3B)
怎样用CSS将着四个div实现同一条线,水平居中?代码如下:<html><head><title></title><style type="text/css">.one{border:2px solid red;width:250px;height:50px;text-align:center;background:#999;
怎样用CSS将着四个div实现同一条线,水平居中?
代码如下:
<html>
<head>
<title></title>
<style type="text/css">
.one{
border:2px solid red;
width:250px;
height:50px;
text-align:center;
background:#999;
float:left;}
.two{
border:2px solid red;
width:250px;
height:50px;
text-align:center;
background:#066;
float:left;}
.three{
border:2px solid red;
width:250px;
height:50px;
text-align:center;
background:#C90;
float:left;}
.four{
border:2px solid red;
width:250px;
height:50px;
text-align:center;
background:#F6F;float:left;}
</style>
</head>
<body>
<div class="one">one</div>
<div class="two">two</div>
<div class="three">three</div>
<div class="four">four</div>
</body>
</html>
怎样用CSS将着四个div实现同一条线,水平居中?代码如下:<html><head><title></title><style type="text/css">.one{border:2px solid red;width:250px;height:50px;text-align:center;background:#999;
设置它们的父级,如body:text-align:center;
给它们一个包含框如div,并设置:width、margin:0 auto;
<div id="d1">
<div class="i">one</div>
<div class="i">two</div>
<div class="i">three</div>
<div class="i">four</div>
</div>
#d1{text-align:center;}
.i{display:inline;margin: 0 auto; }