5.9w+
社区成员
- 主页
- 问答
请问怎么让<li>的值显示2段后再换行?
例如:
a. United States b. Russia
c. china d. uk
小弟刚学请写一下css代码好吗?
a. United States b. Russia
c. china d. uk
小弟刚学请写一下css代码好吗?
...全文
请发表友善的回复…
发表回复
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>
<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
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！
最终代码是个table + checkbox！
nicholsky 2007-12-15
什么也做不到，要么用CSS定义宽度，要么用JS，但JS去这样做就有点儿浪费了。CSS不可能那么人性化的，他连变量也做不到，就算是JS，也只能按规律或写正则去匹配一些事，但在没规律的情况下，没有如此人性化的。