Question

我的任务是编写一个包含3行和4列的html文档。它需要包含不支持框架的浏览器的消息。框架需要在每个框架中都有一个网页。每个框架需要分开并有边框。这就是我到目前为止所做的事情。今晚请帮忙，我做错了什么？

Answer 1

如果你是比较新的，首先要使用一个框架，它会让生活变得更轻松，特别是布局。

我认为最好的选择是bootstrap：

在boostrap中，您可以按如下方式布置3行x 4列：

<div class="row">
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
</div>

    <div class="row">
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
</div>

    <div class="row">
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
    <div class="col-sm-3"><iframe></div>
</div>

这是一个指向boostrap的链接，它使用行和列讨论布局

http://getbootstrap.com/css/#grid

你最好通过添加像这样的css来修复每个iframe的高度

iframe {
  height: 400px;
}

在不支持iframe的情况下显示消息，您已在现有代码中进行了介绍。你只需要标记每个iframe和一些CSS。

如何将网页放在html框架中并将各个框架彼此分开？

1 个答案: