搜索
编程论坛 → WEB开发 → 『 ASP技术论坛 』 → 问一个CSS的问题
标题：问一个CSS的问题
只看楼主
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
楼主
 问题点数：0 回复次数：12 
问一个CSS的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="gb2312">
<head>
<title>测试</title>
<!--link href="css.css" type="text/css" rel="stylesheet" /-->
<style type="text/css">
body{
font-size:10pt;
background-color:#eeeeee;
color:#000000;
margin:0px;
}
div{
word-break:break-all;
}
#all{
text-align:center;
}
#top{
width:698px;
height:120px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
#map{
width:688px;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
padding:5px;
border-bottom:1px dotted #999999;
}
.b1{
font-size:10pt;
font-weight:bold;
}
.b2{
font-size:10pt;
font-style:italic;
}
.b3
{
color:gray;
font-style:italic;
}
#main{
width:698px;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
}
#username{
width:110px;
border-bottom:1px solid #999999;
padding:5px;
height:10px;
text-align:left;
border-right:1px solid #999999;
}
#userinfo
{
width:570px;
border-bottom:1px solid #999999;
padding:5px;
height:10px;
text-align:left;
float:right;
}
#admin{
float:right;
}
#menu{
width:698px;
height:30px;
border-left:1px solid #000000;
border-right:1px solid #000000;
background-color:#555555;
margin:0px;
padding:0px;
}
#menu ul{
list-style-type:none;
float:left;
margin:0px;
padding:0px;
}
#menu li{
list-style-type:none;
height:30px;
width:60px;
float:left;
}
#menu a{
display:block;
border-right:1px dotted #ffffff;
text-align:center;
color:#888888;
height:22px;
width:60px;
padding-top:8px;
}
#menu a:link{
text-decoration:none;
color:#ffffff;
}
#menu a:visited{
text-decoration:none;
color:#ffffff;
}
#menu a:hover{
color:#000000;
text-decoration:none;
background-color:#ffffff;
}
</style>
</head>
<body>
<div id="all">
<div id="top">
<div id="bookname"></div>
</div>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">日记</a></li>
<li><a href="#">开发</a></li>
<li><a href="#">技巧</a></li>
<li><a href="#">教程</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">链接</a></li>
</ul>
</div>
<div id="map"><span class="b1">你的位置：</span><span class="b2"><a href="">我的博客</a> &gt;&gt;</span> <span class="b3">给我留言</span></div>
<div id="main">
<div id="book">
<div id="username">网友：无根泉</div>
<div id="userinfo">
<div id="info">
QQ:272431763 MAIL:ghost210@163.com POST:2006-3-26
</div>
<div id="admin">
<a href="#">书写</a>
<a href="#">回复</a>
<a href="#">删除</a>
<a href="#">顶端</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
怎么才能让那一行对齐啊

[此贴子已经被作者于2006-3-29 21:40:46编辑过]

搜索更多相关主题的帖子: CSS　css　dtd　loose　
2006-03-29 21:38
rainic
Rank: 6Rank: 6
等　级：贵宾
威　望：27
帖　子：2367
专家分：0
注　册：2005-8-9
第 2 楼
 得分:0 
问什么？啊？

2006-03-29 21:40
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
第 3 楼
 得分:0 

怎么不能选中执行啊？
就是用CSS排版的问题，
你测试一下我的代码就知道了，
怎么把下面的排成一行？？


我很菜，但我很努力！
2006-03-29 21:45
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
第 4 楼
 得分:0 

怎么不能选中执行啊？
就是用CSS排版的问题，
你测试一下我的代码就知道了，
怎么把下面的排成一行？？


我很菜，但我很努力！
2006-03-29 21:49
rainic
Rank: 6Rank: 6
等　级：贵宾
威　望：27
帖　子：2367
专家分：0
注　册：2005-8-9
第 5 楼
 得分:0 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="gb2312">
<head>
<title>测试</title>
<!--link href="css.css" type="text/css" rel="stylesheet" /-->
<style type="text/css">
body{
font-size:10pt;
background-color:#eeeeee;
color:#000000;
margin:0px;
}
div{
word-break:break-all;
}
#all{
text-align:center;
}
#top{
width:698px;
height:120px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
#map{
width:688px;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
padding:5px;
border-bottom:1px dotted #999999;
}
.b1{
font-size:10pt;
font-weight:bold;
}
.b2{
font-size:10pt;
font-style:italic;
}
.b3
{
color:gray;
font-style:italic;
}
#main{
width:698px;
border-left:1px solid #000000;
border-right:1px solid #000000;
text-align:left;
}
#username{
width:110px;
border-bottom:1px solid #999999;
padding:5px;
height:10px;
text-align:left;
border-right:1px solid #999999;
}
#userinfo
{
width:570px;
border-bottom:1px solid #999999;
padding:5px;
height:10px;
text-align:left;
float:right;
}
#admin{
float:right;
}
#menu{
width:698px;
height:30px;
border-left:1px solid #000000;
border-right:1px solid #000000;
background-color:#555555;
margin:0px;
padding:0px;
}
#menu ul{
list-style-type:none;
float:left;
margin:0px;
padding:0px;
}
#menu li{
list-style-type:none;
height:30px;
width:60px;
float:left;
}
#menu a{
display:block;
border-right:1px dotted #ffffff;
text-align:center;
color:#888888;
height:22px;
width:60px;
padding-top:8px;
}
#menu a:link{
text-decoration:none;
color:#ffffff;
}
#menu a:visited{
text-decoration:none;
color:#ffffff;
}
#menu a:hover{
color:#000000;
text-decoration:none;
background-color:#ffffff;
}
</style>
</head>
<body>
<div id="all">
<div id="top">
<div id="bookname"></div>
</div>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">日记</a></li>
<li><a href="#">开发</a></li>
<li><a href="#">技巧</a></li>
<li><a href="#">教程</a></li>
<li><a href="#">留言</a></li>
<li><a href="#">链接</a></li>
</ul>
</div>
<div id="map"><span class="b1">你的位置：</span><span class="b2"><a href="">我的博客</a> &gt;&gt;</span> <span class="b3">给我留言</span></div>
<div id="main">
<div id="book">
<div id="username" style="float:left; width:105px">网友：无根泉</div>
<div id="userinfo">
<div id="info" style="float:left">
QQ:272431763 MAIL:ghost210@163.com POST:2006-3-26
</div>
<div id="admin">
<a href="#">书写</a>
<a href="#">回复</a>
<a href="#">删除</a>
<a href="#">顶端</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

2006-03-29 21:53
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
第 6 楼
 得分:0 
你改的那里，我看了半天没有找出来啊，

我很菜，但我很努力！
2006-03-29 22:08
rainic
Rank: 6Rank: 6
等　级：贵宾
威　望：27
帖　子：2367
专家分：0
注　册：2005-8-9
第 7 楼
 得分:0 
<div id="book">
<div id="username" style="float:left; width:105px">网友：无根泉</div>
<div id="userinfo">
<div id="info" style="float:left">
QQ:272431763 MAIL:ghost210@163.com POST:2006-3-26
</div>
<div id="admin">
<a href="#">书写</a>
<a href="#">回复</a>
<a href="#">删除</a>
<a href="#">顶端</a>
</div>
</div>
</div>

2006-03-29 22:11
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
第 8 楼
 得分:0 
找到了，如果不在这里部一下，可能要想好几天
谢谢

我很菜，但我很努力！
2006-03-29 22:12
无根泉
Rank: 2
等　级：新手上路
威　望：4
帖　子：853
专家分：0
注　册：2004-11-4
第 9 楼
 得分:0 
以下是引用rainic在2006-3-29 22:11:00的发言：
<div id="book">
<div id="username" style="float:left; width:105px">网友：无根泉</div>
<div id="userinfo">
<div id="info" style="float:left">
QQ:272431763 MAIL:ghost210@163.com POST:2006-3-26
</div>
<div id="admin">
<a href="#">书写</a>
<a href="#">回复</a>
<a href="#">删除</a>
<a href="#">顶端</a>
</div>
</div>
</div>

为什么把它写到#info,#username里面就不行呢？


我很菜，但我很努力！
2006-03-29 22:19
rainic
Rank: 6Rank: 6
等　级：贵宾
威　望：27
帖　子：2367
专家分：0
注　册：2005-8-9
第 10 楼
 得分:0 
应该可以的……
我试试

2006-03-29 22:20



参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-53777-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。
Powered by Discuz, Processed in 0.729752 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved