在li里面怎么显示多行文字呀

fafalong2988 2009-07-21 08:51:36

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#biaoge {
width:525px;
margin:0px 0px 0px 0px;
margin:0;
padding:0;

}
#biaoge li,#biaoge li.biaotou {
list-style-type:none;
width:170px;
height:85px;
line-height:85px;
text-align:left;
float:left;
margin-left:0px;
margin-bottom:0px;
background:#ccc;
}

body {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
margin-left: 0px;
margin-top: 0px;
}
div {
border-top:1px solid #ff6600;
border-left:1px solid #ff6600;
width:596px!important;
width:600px;
text-align:center;
margin:0 auto;
height:57px;
}
</style>
</head>
<body>
hi<br>
<div>
<ul id="biaoge">
<li class="biaotou" ><div style="width:170px"><h2>主题</h2><br>描述1<br>描述2</div></li>
<li class="biaotou"><b>主题</b></li>
<li class="biaotou"><b>发送时间</b></li>
<li class="biaotou"><b>发送者</b></li>
<li class="biaotou"><b>接收者</b></li>

<li style="float:left;display:cell; background-color:#CCC ">ssdddddddd</li>
<li>sssssssssss</li>
<li>ssssssssss</li>
<li>ssssssssss</li>
<li>sssssssss</li>

</ul>
</div>
<br />

</body>
</html>

我想在每个li里面显示多行<div style="width:170px"><h2>主题</h2><br>描述1<br>描述2</div> 这个怎么实现呀。
谢谢

...全文

4271 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

dodie 2009-07-22

打赏
举报

回复

加<BR>啊！！！

fafalong2988 2009-07-22

打赏
举报

回复

我也用了，可是还是不行
[Quote=引用 3 楼 wjjybx 的回复:]
li 里面是可以嵌套div等元素的
[/Quote]

wjjybx 2009-07-22

打赏
举报

回复

li 里面是可以嵌套div等元素的

fafalong2988 2009-07-22

打赏
举报

回复

加<br>了，不行

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以，为了避免所有的链接都挤在一起，你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔，让这些文字分离开来，不至于混在一起。现在我们正常的做法是应用ul、li标签把链接作为无序列表（unordered list）来标识。再应用CSS样式对其进行控制，按我们预想的形式在容器中显示出来。对导航条使用无序列表似乎是不符合直观感受的，因为我们习惯于把无序列表作为一个竖着推起来的列表项目，每个前面都放着一个列表预设

本文实例为大家分享了javascript实现文字无缝滚动的全部代码，供大家参考，具体内容如下效果图：实现代码： <!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> *{margin:0;padding:0;} .div{margin:100px auto 0;width:350px;height:168px; background:#fff;bor

模板包含：首页页面,新闻页面,新闻内容页,留言，单页

1.单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图： 2.如果我们要实现多行文本溢出显示省略号呢。实现方法： display: -webkit-box; -...

使用line-height属性出现的问题

61,124

社区成员

60,705

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章