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

yhaspx 2007-12-15 08:26:56

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

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

...全文

145 12 打赏收藏转发到动态举报

写回复

用AI写文章

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>