DIV如何做垂直居中,水平居中
日期：2014-05-17 浏览次数：20882 次
DIV怎么做垂直居中,水平居中?
就比如说
<HTML>
<BODY>
<DIV>
内容需要垂直居中,水平居中
</DIV>
</BODY>
</HTML>
赐教~~~
------解决方案--------------------
http://www.blog999.com/c/776426.html
------解决方案--------------------
最直接的方法是里面嵌个表格
------解决方案--------------------
我搞不懂了， <div> </div> 里面垂直居中是个什么概念?
------解决方案--------------------
<div align= "center " valign= "middle "> </div>
------解决方案--------------------
style= "text-align:center " div没有垂直居中.
------解决方案--------------------
水平居中比较简单
它的老爹设text-align:center
它自己设margin-left:auto;margin-right:auto;
垂直居中……
有哪个网站是横向滚动占主流的？
------解决方案--------------------
<div style= "width:10px; height:50px; margin-top:-25px; margin-left:-5px; position:absolute; top:50%; left:50%; "> Center </div>
你按照自己的内容块大小来修改上面相应的数值就行了。
------解决方案--------------------
<div align= "center "> </div>
里面的内容居中。
------解决方案--------------------
http://www.cnblogs.com/aliketen/articles/673403.html
------解决方案--------------------
text-align:center
------解决方案--------------------
DIV没有垂直居中
只能通过JavaScript算出屏幕尺寸，通过DIV的尺寸，然后算出适宜的坐标，将DIV坐标值重置。
------解决方案--------------------
我记得有垂直居中的，实现过。等我去我的代码库里找找代码，找到了给你。。
------解决方案--------------------
#div_a{
margin:5px auto;
}
表示上下为5px,左右居中，一般是这样用的，左右居中即可
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns= "http://www.w3.org/1999/xhtml ">
<head> <meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " /> <title> 无标题文档 </title> <style type= "text/css ">
<!--
.c1 {text-align:center;}
.c2 {margin:0 auto 0 auto;border:1px #3399CC solid; width:760px;text-align:left;}
-->
</style> </head> <body>
<div class= "c1 "> <div class= "c2 "> 没有垂直居中这个概念，在父标签设定text-align:center;[For IE]，自身标签设定margin-left:auto;margin-right:auto;[For FF] </div>
</div> </body> </html>
------解决方案--------------------
height:200px;vertical-align:middle;line-height:200px;
这样就能水平居中垂直居中了。
就比如说
<HTML>
<BODY>
<DIV>
内容需要垂直居中,水平居中
</DIV>
</BODY>
</HTML>
赐教~~~
------解决方案--------------------
http://www.blog999.com/c/776426.html
------解决方案--------------------
最直接的方法是里面嵌个表格
------解决方案--------------------
我搞不懂了， <div> </div> 里面垂直居中是个什么概念?
------解决方案--------------------
<div align= "center " valign= "middle "> </div>
------解决方案--------------------
style= "text-align:center " div没有垂直居中.
------解决方案--------------------
水平居中比较简单
它的老爹设text-align:center
它自己设margin-left:auto;margin-right:auto;
垂直居中……
有哪个网站是横向滚动占主流的？
------解决方案--------------------
<div style= "width:10px; height:50px; margin-top:-25px; margin-left:-5px; position:absolute; top:50%; left:50%; "> Center </div>
你按照自己的内容块大小来修改上面相应的数值就行了。
------解决方案--------------------
<div align= "center "> </div>
里面的内容居中。
------解决方案--------------------
http://www.cnblogs.com/aliketen/articles/673403.html
------解决方案--------------------
text-align:center
------解决方案--------------------
DIV没有垂直居中
只能通过JavaScript算出屏幕尺寸，通过DIV的尺寸，然后算出适宜的坐标，将DIV坐标值重置。
------解决方案--------------------
我记得有垂直居中的，实现过。等我去我的代码库里找找代码，找到了给你。。
------解决方案--------------------
#div_a{
margin:5px auto;
}
表示上下为5px,左右居中，一般是这样用的，左右居中即可
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns= "http://www.w3.org/1999/xhtml ">
<head> <meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " /> <title> 无标题文档 </title> <style type= "text/css ">
<!--
.c1 {text-align:center;}
.c2 {margin:0 auto 0 auto;border:1px #3399CC solid; width:760px;text-align:left;}
-->
</style> </head> <body>
<div class= "c1 "> <div class= "c2 "> 没有垂直居中这个概念，在父标签设定text-align:center;[For IE]，自身标签设定margin-left:auto;margin-right:auto;[For FF] </div>
</div> </body> </html>
------解决方案--------------------
height:200px;vertical-align:middle;line-height:200px;
这样就能水平居中垂直居中了。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
