同一行文本如何实现中间对其和右对齐
时间:2011-06-17
来源:互联网
div固定宽高
<div><p>文本1<span>文本2</span></p></div>
比如要将文本1整行剧中对其,将文本2靠右对齐,div里的p和span标签我只是用来测试的
能实现么?
刚刚自己在研究CSS+DIV
可能是小白问题
还有再问一个问题把
如何调整像文本1在整个div的上下距离,用padding貌似不起作用
求教
先谢谢啦=。=~
<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>
<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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28