如何集中整个iFrameset?

时间:2014-05-08 08:26:15

标签: html css iframe

如何将整个iframeset居中?

<html>
<head>
<style>
</style>
</head>
<frameset rows="100,*" frameborder="0" border="0" framespacing="0">
  <frame name="topNav" src="banner.php">
<frameset cols="200,*" frameborder="0" border="0" framespacing="0">
    <frame name="menu" src="menu.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>
    <frame name="content" src="dashboard.php" marginheight="0" marginwidth="0" scrolling="auto" noresize>

</frameset>
</frameset>
</html>

我尝试<div>并申请text-align:center;但它没有用? !

3 个答案:

答案 0 :(得分:1)

您要么必须在左侧和右侧创建一个框架,要么只创建一个iframe并避免整个问题(更好的选择)。 frameset已过时,因此您应避免使用它。

答案 1 :(得分:0)

用这些

替换你的frameset标签
<frameset class="center" rows="100,*" frameborder="0" border="0" framespacing="0">
<frameset class="center" cols="200,*" frameborder="0" border="0" framespacing="0">

为页面添加这些css代码

.center
{
margin-left:auto;
margin-right:auto;
width:70%;
}

答案 2 :(得分:0)

声明div的宽度并应用:

margin:auto;

margin-left:auto;
margin-right:auto;

Working Sample

此外,请避免将来使用frameset!它在HTML5中已经过时了。

干杯!