如何锁定html页面大小？？？

html-css07

如何锁定html页面大小？？？,第1张

锁定html页面大小，可以通过插入代码来实现，具体操作代码如下：

第一步、将以下代码加入页面：

<script language=javascript>

function hero()

{

var herowidth=400//改为你要的网页宽度

var heroheight=300//改为你要的网页高度

window.resizeTo(herowidth,heroheight)

}

hero()

</script>

第二步、在<body>中加入：

<body onresize=hero()>

1,使用传统的方法

<table width="400">

<tr>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

</tr>

<table>

2,使用css

<style>

.td{width:100px}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css

<style>

.td{width:100pxoverflow:hidden}

</style>

<table width="400">

<tr>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

<td class="td"></td>

</tr>

<table>

用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节

你可以用CSS来设定，DIV为块级元素。例如：

<!doctype html>

<html>

<head>

<meta charset="utf-8' />

<title>设置DIV的固定大小</title>

<!--一下代码是设置DIV固定大小的(宽度：100像素；高度：60像素)-->

<style type="text/css">

    #div {width:100pxheight:60pxborder:1px solid #f00}

</style>

</head>

<body>

<div id="div"></div>

</body>

</html>