请问怎么让<li>的值显示2段后再换行?

yhaspx 2007-12-15 08:26:56
例如:
a. United States b. Russia
c. china d. uk

小弟刚学请写一下css代码好吗?
...全文
71 点赞 收藏 12
写回复
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
fidea 2007-12-19
很不错的办法
回复
飘零雾雨 2007-12-19

ul {
width:300px;
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
li {
width:150px;
loat:left;
}


代码应充分考虑各浏览器的兼容问题。
回复
yhaspx 2007-12-19
谢谢你们滴大恩大德.受在下一拜..
回复
yinhunfeixue 2007-12-17
试试FLOAT属性
回复
ivanivanivan 2007-12-16
楼上的很典型,就是把<li>的宽度定义为<ul>的一半
回复
yhaspx 2007-12-15
一定是做的到的吧,我以前听人家说过.
回复
chinastorm 2007-12-15
<li>好像是做不到的
回复
TeEvil 2007-12-15
盗版楼上的,改了点点。呵呵!
回复
TeEvil 2007-12-15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style type="text/css">
ul
{
width: 300px;
margin: 0px 0px 0px 0px;
}
li
{
float: left;
width: 150px;
background-color: #ffff00;
display:block;
}
</style>
</head>
<body>
<ul>
<li>a. United States</li>
<li>b. Russia</li>
<li>c. China</li>
<li>d. UK</li>
</ul>
</body>
</html>
回复
yixianggao 2007-12-15
css+html 凑合看
L@_@K
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style type="text/css">
ul
{
width: 300px;
margin: 0px 0px 0px 0px;
}
li
{
float: left;
width: 150px;
background-color: #ffff00;
}
</style>
</head>
<body>
<ul>
<li>a. United States</li>
<li>b. Russia</li>
<li>c. China</li>
<li>d. UK</li>
</ul>
</body>
</html>
回复
yixianggao 2007-12-15
ASP.NET 下滴CheckBoxList可以实现此功能,
最终代码是个table + checkbox!
回复
nicholsky 2007-12-15
什么也做不到,要么用CSS定义宽度,要么用JS,但JS去这样做就有点儿浪费了。CSS不可能那么人性化的,他连变量也做不到,就算是JS,也只能按规律或写正则去匹配一些事,但在没规律的情况下,没有如此人性化的。
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告