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; }
举一反三
- 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;
- 结构：|表现：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
- 21、对下列代码解析正确的是(_____)。 <style type="text/css"> body{ margin:0 } div{float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style>
- 第一个DIV的样式style为width:150px;height:50px;margin:5px 7px 2px 3px;padding:5px;border:1px solid #000;第二个DIV的样式style为width:150px;height:50px;margin:0;padding:0;border:1px solid #000;请问第一个DIV的实际宽度为________px，原点坐标为x=_____px，y=______px;第二个DIV的原点坐标为x=_____px，y=______px原点为盒子模型可见区域的左上角定点