我需要一个网页布局,即上div, 左div,右div,下div,如下面的设计。
可是我希望在右div内的内容,在整个右div内都居中,请问如何实现?多谢。
index.html
------------------------------------------------
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
设置margin-left,margin-right,margin-top,margin-buttom为auto。
http://aliceui.com/vertical-horizoncal/
楼主可以用以下的样式试试,可以自适应浏览器的大小。
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <style> .right{ position: absolute; top: 50px; right: 0px; bottom: 50px; width: 300px; text-align: center; border: 1px solid blue; } .rightContent{ position: absolute; top: 50%; bottom: 50%; height: 20px; } </style> </head> <body> <div class="right"> <span class="rightContent">右DIV显示的内容</span> </div> </body></html>
横向的居中 text-align:center 垂直的居中 可以 人为 定义好里面内容的高度然后 margin:auto