如何将在另一个中水平居中?
这里我有一个html格式和一个css文件(style.css)。“o-div”是外部div,“i-div”是内部div类。
示例
<html >
<head>
<title>center a div</title>
<link href="../../Content/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="o-div">
I am OUTER DIV
<div class="i-div">
I am INNER DIV,
I am in Center
</div>
</div>
</body>
</html>Style.css
body {
background-color:Gray;
padding:30px;
}
.o-div {
padding:50px;
background-color:Lime;
}
.i-div {
background-color:Fuchsia;
max-width:400px;
height:200px;
margin: 0 auto;
text-align:center;
}
热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短
中水平居中?
这里我有一个html格式和一个css文件(style.css)。“o-div”是外部div,“i-div”是内部div类。
示例
<html >
<head>
<title>center a div</title>
<link href="../../Content/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="o-div">
I am OUTER DIV
<div class="i-div">
I am INNER DIV,
I am in Center
</div>
</div>
</body>
</html>Style.css
body {
background-color:Gray;
padding:30px;
}
.o-div {
padding:50px;
background-color:Lime;
}
.i-div {
background-color:Fuchsia;
max-width:400px;
height:200px;
margin: 0 auto;
text-align:center;
}热门推荐
10 朋友新年祝福语大全 简短
11 新年祝福语简短大方兔年
12 搬新家礼物祝福语简短
13 同学见面花束祝福语简短
14 五一假期祝福语幽默简短
15 离职欢送敬酒祝福语简短
16 对学弟的祝福语简短
17 考老师辞职祝福语简短
18 祝福语驱散霉运的话简短