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
50%
D: relative auto
A: absolute 50%
B: absolute auto
C: relative
50%
D: relative auto
举一反三
- In css, to center box vertically with the center of the page, please fill in the following code space..box{ position: ________ __ ; left:50%; top:50%; margin-left: ________ ___; margin-top: __________ _ ; width: 300px; height: 200px; border:2px solid #ccc; }
- 阅读下面HTML代码，如果期望tabs位于box容器的右下角，则需要添加的CSS样式是（）。[div id="box"][div id="tabs"] A: tabs{ position:absolute; right:0; bottom:0;} B: tabs{ position:relative; right:0; bottom:0;} C: box{ position:relative;} D: tabs {position:absolute; right:0; bottom:0;} E: box{ position:relative; } F: tabs { position:right bottom;}
- 结构：|表现：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
- 判断以下代码中如何设置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属性不能让页面在浏览器中居中显示（网页中所有可显示的元素都包含在一个id为container的div盒子内）。（） A: B: container { margin: 0 auto ; width:780px; } C: D: container { position: relative;width:780px; left: 50%; margin-left: -390px; } E: F: container { margin: 0 auto ; width: 85%;} G: H: container { position: relative;width:780px; right: 50%; margin-left: 390px; }