如何使DIV全屏大小？
DIV高度等于浏览器的高度宽度等于浏览器的宽度并且使DIV中的元素或者文本水平、垂直居中显示<div>sometext</div>让"sometext"这段文本处于屏幕的...
DIV 高度等于浏览器的高度
宽度等于浏览器的宽度
并且使DIV中的元素或者文本水平、垂直居中显示
<div>
some text
</div>
让"some text"这段文本处于屏幕的正中央
如何写CSS呢？
我想完成的功能可以用表格如此表示
<table style="height:100%;width:100%">
<tr>
<td align="center" valign="middle">
SOME TEXT
</td>
</tr>
</table>
不过当前的WEB标准已经不支持table的height属性了
想知道div可以完成这个功能不 展开
宽度等于浏览器的宽度
并且使DIV中的元素或者文本水平、垂直居中显示
<div>
some text
</div>
让"some text"这段文本处于屏幕的正中央
如何写CSS呢？
我想完成的功能可以用表格如此表示
<table style="height:100%;width:100%">
<tr>
<td align="center" valign="middle">
SOME TEXT
</td>
</tr>
</table>
不过当前的WEB标准已经不支持table的height属性了
想知道div可以完成这个功能不 展开
3个回答
展开全部
当然可以
<div style="height:100%;text-align:center;">
<div style="height:49%;"></div>
<div style="height:51%;">some text</div>
</div>
这个是最简单的居中 不过不太标准 可以用js使高度更精确
当然还有一个方法 就是display属性
<div style="height:100%;text-align:center;display:table">
<div style="display:table-row;"></div>
<div style="display:table-row;"> SOME TEXT</div>
<div style="display:table-row;"></div>
至于怎么精确定位还要看你的调整了
<div style="height:100%;text-align:center;">
<div style="height:49%;"></div>
<div style="height:51%;">some text</div>
</div>
这个是最简单的居中 不过不太标准 可以用js使高度更精确
当然还有一个方法 就是display属性
<div style="height:100%;text-align:center;display:table">
<div style="display:table-row;"></div>
<div style="display:table-row;"> SOME TEXT</div>
<div style="display:table-row;"></div>
至于怎么精确定位还要看你的调整了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
position:absolute; top:50%; margin-top:-总高度的一半; left:50%; margin-left:-总宽度的一半;
如：
position:absolute; top:50%; margin-top:-400px; left:50%; margin-left:-300px;
如：
position:absolute; top:50%; margin-top:-400px; left:50%; margin-left:-300px;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>瀑布流</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
html,body{ margin:0; padding:0;}
#content{ width:100%; background:#69C;}
</style>
</head>
<body>
<div id="content">
</div>
</body>
<script type="text/javascript">
var height = $(window).height();
$("#content").height(height);
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
