3列列表 [英] 3 Column List
问题描述
您好，
我想创建一个包含3列的有序列表：
< div id =" list" class =" ListTable">
< ol>
< li> Item 01< / li>
< li>项目02< / li>
< li>项目03< / li>
< li>项目04< / li>
< li>项目05< / li>
< li>项目06< / li>
< / ol>
< ; / div>
我使用以下CSS：
div.ListTable
{
宽度：480px;
显示：块;
}
ol.ListTable
{
display：block;
list-style：none;
font-size：12px;
}
li.ListTable
{
border：none;
float：left ;
宽度：160px;
保证金：0px;
填充：0px;
}
这是有效的，但是当我预览页面时，在div LIST之后的div会超过这个
。
我认为这有一些东西与th有关e Block但我不知道如何解决这个问题。
有人可以帮帮我吗？
谢谢，
Miguel
Hello,
I want to create an ordered list with 3 columns:
<div id="list" class="ListTable">
<ol>
<li>Item 01</li>
<li>Item 02</li>
<li>Item 03</li>
<li>Item 04</li>
<li>Item 05</li>
<li>Item 06</li>
</ol>
</div>
I am using the following CSS:
div.ListTable
{
width: 480px;
display: block;
}
ol.ListTable
{
display: block;
list-style: none;
font-size: 12px;
}
li.ListTable
{
border: none;
float: left;
width: 160px;
margin: 0px;
padding: 0px;
}
This is working but the div that becomes after div LIST goes over this
one when I preview the page.
I think this has something to do with the Block but I don''t know how
to solve this.
Can someone help me out?
Thanks,
Miguel
推荐答案
Scripsit shapper：
Scripsit shapper:
宽度：480px;
width: 480px;
不要。
Don''t.
font-size：12px;
font-size: 12px;
哦不。首先解决这些真实（并且容易修复）的问题，然后继续处理任何困难的事情。
数亿人根本无法阅读12px文本。 />
-
Jukka K. Korpela（Yucca）
http://www.cs.tut.fi/~jkorpela/
Oh no. Fix such real (and easily fixable) problems first, before proceeding
to anything difficult.
Hundreds of millions of people simply cannot read 12px text.
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
6月14日上午12:20，Jukka K. Korpela < jkorp ... @ cs.tut.fiwrote：
On Jun 14, 12:20 am, "Jukka K. Korpela" <jkorp...@cs.tut.fiwrote:
Scripsit shapper：
Scripsit shapper:
width： 480像素;
width: 480px;
不要。
Don''t.
font-size：12px;
font-size: 12px;
哦不。首先解决这些真实（并且容易修复）的问题，然后继续处理任何困难的事情。
数亿人根本无法阅读12px文本。 />
-
Jukka K. Korpela（" Yucca"） http://www.cs.tut.fi/~jkorpela/
我该如何定义字体？百分比？
谢谢，
Miguel
how should I define the font? In percentage?
Thanks,
Miguel
shapper写道：
shapper wrote:
您好，
我想创建一个包含3列的有序列表：
< div id =" list" class =" ListTable">
< ol>
< li> Item 01< / li>
< li>项目02< / li>
< li>项目03< / li>
< li>项目04< / li>
< li>项目05< / li>
< li>项目06< / li>
< / ol>
< ; / DIV>
Hello,
I want to create an ordered list with 3 columns:
<div id="list" class="ListTable">
<ol>
<li>Item 01</li>
<li>Item 02</li>
<li>Item 03</li>
<li>Item 04</li>
<li>Item 05</li>
<li>Item 06</li>
</ol>
</div>
嗯，这几乎肯定是一个带* * *列的列表。
Well, that''s almost certainly a list with *one* column.
我是使用以下CSS：
div.ListTable
{
宽度：480px;
显示：块;
}
ol.ListTable
I am using the following CSS:
div.ListTable
{
width: 480px;
display: block;
}
ol.ListTable
你没有这个你提供的HTML中的元素。
You don''t have this element in the HTML you provided.
li.ListTable
li.ListTable
你没有这个元素在你提供的HTML中。
You don''t have this element in the HTML you provided.
>
这是工作
>
This is working
$ b $这是吗？怎么样？你是什么意思，工作？
如果它真的在某个地方工作，那么URL是什么我们可以看看它？
Is it? How? What do you mean, "working?"
And if it''s really working somewhere, what''s the URL so we can look at it?
但是当我预览页面时，在div LIST之后变成的div超过了这个
。
but the div that becomes after div LIST goes over this
one when I preview the page.
你提供的HTML并没有显示任何其他DIV。
The HTML you provided doesn''t show any other DIVs.
我认为这有一些东西与Block有关，但我不知道如何解决这个问题。
I think this has something to do with the Block but I don''t know how
to solve this.
我们也不知道。你让我们不知道它。提供一个URL。
We don''t know either. You''re keeping us from knowing it. Provide a URL.
>
有人可以帮帮我吗？
>
Can someone help me out?
当然（嘿，嘿），你进来的方式是什么？
-
John
Sure (heh, heh), which way did you come in?
--
John
这篇关于3列列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
