21.怎样使一个层垂直居中于浏览器中
运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- div { position:absolute; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; } --> </style> <div>web标准常见问题大全</div> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
这里我们使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二
22 .图片垂直与容器内
参考：http://bbs.blueidea.com/thread-2666987-1-1.html
23.如何让div横向排列
运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- div { float:left; width:200px; height:200px; border:1px solid red } --> </style> <div>web标准常见问题大全</div> <div>web标准常见问题大全</div> <div>web标准常见问题大全</div> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
横向排列DIV可以使用浮动的方式比如float:left,或者设置对象为内联，还可以绝对定位对象等等.
