+ -
当前位置:首页 → 问答吧 → 同一行文本如何实现中间对其和右对齐

同一行文本如何实现中间对其和右对齐

时间:2011-06-17

来源:互联网

div固定宽高

<div><p>文本1<span>文本2</span></p></div>

比如要将文本1整行剧中对其,将文本2靠右对齐,div里的p和span标签我只是用来测试的

能实现么?

刚刚自己在研究CSS+DIV

可能是小白问题

还有再问一个问题把

如何调整像文本1在整个div的上下距离,用padding貌似不起作用

求教 

先谢谢啦=。=~

作者: jqbxdong   发布时间: 2011-06-17

div设置一个class,text-align:center,再给span设置一class,text-align:right;至于“如何调整像文本1在整个div的上下距离,用padding貌似不起作”,padding肯定是起作用的,也可以用magin,就看你如何运用了,span是内联元素,不太好实现你说的那样,把它的display设置为block,再float:right;我给你一个简单的,未显示效果,我设置了边框什么的,代码是:
<style type="text/css">
.one{
text-align:center;
border:1px #CCC solid;
width:300px;
height:24px;
padding:10px;
margin:auto;
}
.two{
float:right;
text-align:right;
border:1px solid #990;
width:120px;
height:24px;
display:block;
}
</style>


  <div class="one">
  文本1
  <span class="two">文本2</span>
   
  </div>

作者: laonon   发布时间: 2011-06-18

热门下载

更多