结构:|表现:div{width:678px;height:456px;background:#f00}|p{width:234px;height:124px;background:#00f} 以下选项中,可以实现让p在div中水平和垂直居中的代码()
A: 给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative
B: 给p添加position:absolute;left:50%;top:50%; 给div添加position:relative
C: 给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute
D: 给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute
A: 给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative
B: 给p添加position:absolute;left:50%;top:50%; 给div添加position:relative
C: 给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute
D: 给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute
举一反三
- In css, to center the box vertically with the center of the page, fill in the blank space (). .box{ position: ; top:0; bottom:0; left:0; right:0; margin: ; width: 300px; height: 200px; border:2px solid #ccc; } A: absolute 50% B: absolute auto C: relative<br/>50% D: relative auto
- #wrap{width:600px;height:200px;background:#ccc;position:absolute;} 实现wrap在浏览器中水平和垂直都居中,需要设置的样式有( ) A: margin-left:-300px;margin-top:-100px; B: left:300px;top:100px; C: left:50%;top:50%; D: margin-left:-300px;margin-top:100px;
- 判断以下代码中如何设置div1的样式,可以使div1相对于浏览器,(相对于以前位置右上角)向左移动100px,向下移动50px。[style type="text/css"]*{ margin:0; padding:0;}.div1{ width:200px; height:200px; border:2px red solid; }[/][body][div class="div1"] [/] A: position:absolute; right:100px; top:50px; B: position:absolute; left:100px; top:50px; C: position:relative; right:100px; top:50px; D: position:relative; left:100px; top:50px;
- 绝对居中的css代码为position: absolute;left: 50%;top: 50%;。 A: 正确 B: 错误
- 中国大学MOOC: 绝对居中的css代码为position: absolute;left: 50%;top: 50%;。