当前位置: 首页 > 面试题库 >

在HTML / CSS中做列的最佳方法

乌鸿宝
2023-03-14
问题内容

我正在寻找一种显示3列内容的方法。我找到了一种显示环绕列的方法,但是我不希望在此页面上显示。我正在寻找一种说法

<column>
<!-- content -->
</column>

3次,并在彼此之间显示3列。我最好的例子是The Verge(http://www.theverge.com/)。做这个的最好方式是什么?


问题答案:

我建议您使用<table>或CSS。

CSS是更灵活的首选。一个例子是:

<!-- of course, you should move the inline CSS style to your stylesheet -->
<!-- main container, width = 70% of page, centered -->
<div id="contentBox" style="margin:0px auto; width:70%">

 <!-- columns divs, float left, no margin so there is no space between column, width=1/3 -->
    <div id="column1" style="float:left; margin:0; width:33%;">
     CONTENT
    </div>

    <div id="column2" style="float:left; margin:0;width:33%;">
     CONTENT
    </div>

    <div id="column3" style="float:left; margin:0;width:33%">
     CONTENT
    </div>
</div>

使用float:left会使3列相互粘连,并从居中的div“内容框”中的左侧开始进入。



 类似资料:
  • 问题内容: 我开始用纯HTML创建网页。我有一个页眉,主要内容和页脚。主要内容分为左右两个内容。除了正确的内容外,所有页面上的所有内容都相同。现在我大约有15页。如果我在其他静态页面(页眉,页脚和左侧内容)上进行了某些更改,这将非常麻烦,因为我必须浏览所有页面。 为每个静态区域创建一个HTML文件的最佳方法是什么,如何集成它? 问题答案: 有两种方法可以做到这一点。 如果您仅使用HTML,则可以使

  • 问题内容: 在HTML中保留空白的 最佳 方法是什么?我们有很多页面从数据库中提取数据,并且数据中可能有多个空格。呈现的保存数据的HTML元素与锚标记不同 现在最简单的操作是添加一个全局css类,如下所示: 我想知道是否有更好的方法来实现这一点, 而无需 为每个单独的HTML元素分配一个类。 问题答案: 我将使用相同的技术,但需要在数据类包装器内: HTML:

  • 问题内容: 我现在大约有7个Javascript文件(由于使用了各种jQuery插件)和4-5个CSS文件。我对处理这些问题的最佳做法感到好奇,包括应该在文档中的何处加载它们?YSlow告诉我,如果可能的话,应在末尾包含Javascript文件。身体的尽头?它提到的问题似乎在于他们是否编写内容。我所有的Javascript文件都是函数和jQuery代码(在ready()时全部完成),因此应该可以。

  • 问题内容: 谁能推荐通过CSS破解IE8样式的最佳方法,我最近一直在轻松地将IE8渲染作为IE7-但想知道是否最好添加IE8黑客? 问题答案: 您应该反转您的方法。首先,您的网站在现代浏览器(如Firefox,Chrome,Opera,IE 9)中应该看起来不错,然后您就可以开始担心其他网站了。 正如其他人所建议的那样,条件注释可以成为您的朋友。 首先,您应该开发CSS以使其在现代浏览器中看起来不

  • 问题内容: 已关闭 。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗? 更新问题,以便通过编辑此帖子以事实和引用的形式回答。 2个月前关闭。 每次设置新的SQL表或向现有表添加新列时,我都想知道一件事:的最佳价值是什么。 假设您有一个名为type 的列。因此,您必须选择长度。我想不出一个名称> 20个字符,但您永远不会知道。但是我总是使用四舍五入到下一个2 ^ n数字,而不是使用20。

  • 问题内容: 我需要将JSON对象放入HTML元素的属性中。 HTML不必验证。 昆汀回答: 将JSON存储在有效HTML5 的attribute中。 JSON对象可以是任何大小-即巨大 如果JSON包含特殊字符怎么办? 例如 昆汀回答:按照常规惯例,将JSON字符串放入属性之前,先对其进行编码。 对于PHP,请使用 函数。 编辑-使用PHP和jQuery的示例解决方案 将JSON写入HTML属性: