DIV 里怎么让两段文字在同一行分别居左和居右?
DIV里怎么让两段文字在同一行分别居左和居右?如下面的文字:·西部测图工程专家咨询委员会举行2008年度会议2009-1-7我想让日期靠在DIV容器的右边,新闻标题靠容器...
DIV 里怎么让两段文字在同一行分别居左和居右?如下面的文字:
·西部测图工程专家咨询委员会举行2008年度会议 2009-1-7
我想让日期靠在DIV容器的右边,新闻标题靠容器的左边~中间是空的~怎么实现? 展开
·西部测图工程专家咨询委员会举行2008年度会议 2009-1-7
我想让日期靠在DIV容器的右边,新闻标题靠容器的左边~中间是空的~怎么实现? 展开
1个回答
展开全部
实现的方法很多,其中一种 你看看
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;}
.box{ width:500px; height:30px;}
h3{height:30px;line-height:30px;padding-left:10px;border-bottom:1px #999 solid; position:relative; overflow:hidden;}
h3 b{display:block; position:absolute;top:0;right:0;left:300px;width:60px;height:30px;line-height:30px;color:#000}
</style>
</head>
<body>
<div class="box">
<h3>健康<b>2009.4.19</b></h3>
</div>
</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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;font-size:12px;}
.box{ width:500px; height:30px;}
h3{height:30px;line-height:30px;padding-left:10px;border-bottom:1px #999 solid; position:relative; overflow:hidden;}
h3 b{display:block; position:absolute;top:0;right:0;left:300px;width:60px;height:30px;line-height:30px;color:#000}
</style>
</head>
<body>
<div class="box">
<h3>健康<b>2009.4.19</b></h3>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询