DIV 里怎么让两段文字在同一行分别居左和居右?

DIV 里怎么让两段文字在同一行分别居左和居右?如下面的文字:

·西部测图工程专家咨询委员会举行2008年度会议 2009-1-7

我想让日期靠在DIV容器的右边,新闻标题靠容器的左边~中间是空的~怎么实现?

第1个回答  推荐于2016-10-19
实现的方法很多,其中一种 你看看

<!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>本回答被提问者采纳

DIV 里怎么让两段文字在同一行分别居左和居右?
实现的方法很多,其中一种 你看看 <!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...

如何调整文字在div中的位置如何调整文字在div中的位置
2.然后,在顶部的style标签中设置P标签的高度、宽度和背景色。在三个类的text-algin属性中,将第一个设置为left表示左对齐,将第二个设置为center表示居中,将第三个设置为right表示右对齐。3.最后打开浏览器,可以看到三个P标签中的文字位置都不一样。html如何实现单行文字在100px高的区域中垂直居中?

如何控制DIV里的文字的位置
1、首先打开hbuilder软件新建一个html文件,html中设置3个p标签并且给它们不同的class属性。2、然后在上方的style标签中设置P标签的高度和宽度以及背景颜色,在分别设着3个class的text-algin属性,给第一个设置为left就是左对齐,第二个设置为center就是居中,第三个设置为right就是居右对齐。3、最后打...

CSS 一个DIV里面的文字如何上下左右居中显示?
这样:body{margin:0;padding:0;width:100%;height:100%;}div{position:absolute;top:50%;left:50%;margin-top:-250px; margin-left:-250px;\/*此时宽和高都要固定*\/width:500px;height:500px;}body{ margin:0;padding:0;width:100%;height:100%;} div{ position:absolute;top:50%;left:50...

如何让一大段文字在div中上下左右居中
亲,设置该div的text-align:center;再设置该文字所在的标签:line-height:div的高度;这样就可以了

html中如何同一行显示两个不同样式的文字? 文字一个居中 一个在最右边...
<div class="footer">居中的部分<span>靠右的部分<\/span><\/div><style>.footer{ text-align:center; height:30px; line-height:30px; background:#F4F4F4; width:1000px; margin:0 auto; padding:0 10px; font-size:12px;}.footer span{ float:right;}<\/style>你看一下 希望可以帮到你...

html文字分别居左居中居右
2.<span style="float:right;">居右<\/span><span style="float:left;">居左<\/span>居中<\/div> <table width="" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> <tr> <td bgcolor="#FFFFFF" align="left">居左<\/td> <td bgcolor="#FFFFFF" align="center">...

DIV 布局 左中右
document.documentElement.clientWidth||document.body.clientWidth)>700?"700px":"");} <\/style> <\/head> <body> <div class="Header"><\/div> <div class="Content"> <div class="Right">右<\/div> <div class="Left">左<\/div> <div class="Center">中<\/div> <\/div> <\/body> ...

一个div中,三行文字分别在左上,中间居中和右下脚怎么设置,如图
<div> <p style="text-align:left;"> 靠左 <\/p> <p style="text-align:center;"> 居中 <\/p> <p style="text-align:right;"> 靠右 <\/p><\/div>

怎么把div里面的文字居中
1、padding内边距:例如:将div容器中的文字内容放在距离容器的左侧边框的20px,顶部边框的100px的位置。注意:在容器里使用了padding的话,会改变容器的大小,所以在写代码之前要先计算好容器的大小及padding。代码:2、margin外边距:代码:3、绝对定位position:absolute; top:50px; left:20px;让...

相似回答
大家正在搜