gpt4 book ai didi

html/css 列

转载 作者:太空宇宙 更新时间:2023-11-04 04:53:00 26 4
gpt4 key购买 nike

我一直在阅读,您可以使用 html/css 列,而无需在表格中使用它们。 www.w3schools.org 网站显示你可以,但我根本无法在我的代码中解决它。基本上我有这个想法。

      <div container="name">
<dl>item 1 </dl>
<dd>explain</dd>
<dl>item 2 </dl>
<dd>explain</dl>
...
</div>

我需要的是容器有三列,详细列表部分有两列,我会将第三列的信息放在它自己的列中。我知道列跨度是保持分离的最佳方式,但我找不到任何好的解释。而且我无法让它在我的 css 页面或 html 页面中运行。

最佳答案

我认为你的做法是错误的。试试这个。

html:

<div id="container">
<div id="left-col">
<!-- left column -->
</div>
<div id="content-col">
<!-- content column -->
</div>
<div id="right-col">
<!-- left column -->
</div>
</div>

CSS:

#container { overflow: hidden; width: 940px; }
#left-col { float: left; width: 200px; margin-right: 20px; }
#content-col { float: left; width: 500px; }
#right-col { float: right; width: 200px; }

演示 - http://jsfiddle.net/gk5vD/

仅供引用 - 你误解了什么是 dl,看看 http://www.htmldog.com/reference/htmltags/dl/

关于html/css 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13027964/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com