那如何让两个并排居中显示呢？如何编写代码？

源自：13-4 起飞咯 - 浮动模型

那如何让两个并排居中显示呢？如何编写代码？

div{

border:2px red solid;

width:100px;

height:200px;

float:left;

}

</style>

</head>

<body>

<div id="div1">栏目1</div>

<div id="div2">栏目2</div>

提问者：19921009ab 2016-05-16 09:57

个回答

慕移动9181930

2022-03-29 15:03:16

break是强制结束时才使用的，你的直接跳出来了
v x n c b z v p r e g i h v i r k b m z q x s z d d k n k r a c j y e r l s t x i k c c s q l i s a x p p o f h c i e b e t t v k k f i x v h b p y x i v w b y e m r u i s x i t e u o x u l n j b g d r a t n h e z g a k y u f d t k r d m k o d c r u

0
在学习的小枫3358068

2016-05-16 10:18:46

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>相对参照元素进行定位</title>
<style type="text/css">
div{
border:2px red solid;
width:100px;
height:200px;
float:left;
text-align:center;
line-height:200px;
}
span{
width:208px;
height:204px;
display:block;
margin:0 auto;
}
</style>
</head>
<body>
<span>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
</span>
</body>
</html>

1
早起看见一只小鹿

2016-05-16 10:14:33

在div{}中添加text-align:center;
不知道是不是这样
或者你给他们一个相同的左边距呢

0