xcxd.net
当前位置:首页 >> html怎么让一行文字一部分靠左显示,另外一部分靠右显示~~ >>

html怎么让一行文字一部分靠左显示,另外一部分靠右显示~~

简单啊!分别放在一行两列里面嘛.也就是说你可以把这一行文字分成两段,一段放在左列居左,另一段放在右列居右.

"靠左显示靠右显示除了用float样式以外,通过设置text-align:right: text-align:left;也可改变文字居右和居左.根据需求,选择以上两种方案中的一种或是组合用,如. 靠左显示并且内容居左靠右显示并且内容居右"

把左右文字分别放在两个容器里,左边一部分的设置float:left,右边设置float:right

左浮动和右浮动

二个办法,一个是中间放空格把其他的内容往两边挤二是td中间放div 一个往左浮一个往右浮,不过需要注意div的宽度

1、用一个div包含两个p标签,给p标签设置小于div一半的宽度(中间有间隔)并添加左浮动和右浮动(类似两篇文章左右各一篇);2、如果是一段文字分左右两列显示,注意是“两列”,这个需要用css3的里面的column,具体方法可直接百度“css3 分列布局”;两种不同方法看你需要哪个 有用的话记得采纳哦,谢谢!!!

<div style="position:fixed;bottom:0px;left:0px;width:100%;height:30px;"> <div style="float:left;width:50%;height:100%;text-align:left;">left</div> <div style="float:right;width:50%;height:100%;text-align:right;">right</div></div>

<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>你看一下 希望可以帮到你 这种是最简洁的方法了

实现的方法很多,其中一种 你看看<!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=

<html><head></head><body><div><table width="80%" align="center"> <thead> <tr> <th align="left">左边</th> <th align="right">右边</th> </tr> </thead></table></div></body></html>你试试效果

网站首页 | 网站地图
All rights reserved Powered by www.xcxd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com