当前位置 :| 首页>编程技术>HTML语言与技术>

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

来源： 作者： 时间：2008-01-01 点击：

本文由网龙AE产品自动生成

数据挖掘研究院

例如:
a. United States b. Russia
c. china d. uk

小弟刚学请写一下css代码好吗?

<li> 好像是做不到的

一定是做的到的吧,我以前听人家说过.

什么也做不到，要么用CSS定义宽度，要么用JS，但JS去这样做就有点儿浪费了。CSS不可能那么人性化的，他连变量也做不到，就算是JS，也只能按规律或写正则去匹配一些事，但在没规律的情况下，没有如此人性化的。

ASP.NET 下滴CheckBoxList可以实现此功能，
最终代码是个table + checkbox！

css+html 凑合看
L@_@K

HTML code

<!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>

 数据挖掘实验室

<!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>

盗版楼上的，改了点点。呵呵！

楼上的很典型，就是把 <li> 的宽度定义为 <ul> 的一半

试试FLOAT属性

谢谢你们滴大恩大德.受在下一拜..

HTML code


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

 数据挖掘研究院

代码应充分考虑各浏览器的兼容问题。

很不错的办法

[数据挖掘工作交流] [数据挖掘研究院] [数据挖掘论坛] [数据挖掘实验室]

顶一下

上一篇：要使层不随分辨率变化！怎么办？！求救！！！
下一篇：vs2005中，word

最新评论共有 0 位网友发表了评论

查看所有评论

发表评论

热点关注