在同一行的左右两侧显示不同的文字在html中如何用代码实现?

 我来答
sfeng0805
推荐于2016-03-18
知道答主
回答量:22
采纳率:0%
帮助的人:13.5万
展开全部
<html>
<head>
<title></title>
<style tyle="text/css">
div{width:100px;border:1px solid red;}
.c2{float:left;position:absolute;right:10px;}
.c1{float:left;}
</style>
</head>
<body>
<div class="c1">我很快乐</div><div class="c2">你很快乐</div>
</body>
</html>
LeeCan_Zeng
2012-06-15 · TA获得超过1998个赞
知道小有建树答主
回答量:691
采纳率:50%
帮助的人:211万
展开全部
楼主的问题可能是一个ie8一下的bug,
<h1 class="title">左边的文字<a style="float: right;" href="#">右边的文字</a></h1>
会造成'右边的文字'换行居右
解决方法:
把a移到左边,或者给‘左边的文字’包个标签;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wuheng70
2012-06-09
知道答主
回答量:30
采纳率:0%
帮助的人:21.4万
展开全部
浮动问题,建议你还是多在网上学习下,用float:left试下,还有就是div的宽度是不是设置错误了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
seavan
2012-06-09 · TA获得超过525个赞
知道小有建树答主
回答量:269
采纳率:100%
帮助的人:105万
展开全部
三个div并排放着不就行了吗。各显示各的。。。不明白你的问题。
追问
就是同一行不能实现左右两侧分开显示,要是在左侧显示了,那么右侧显示的只能在显示完左侧的下方的右侧显示,现在我是想在同一行的左右两侧分别显示。比如,“我很快乐”    “你很快乐”显示在用一行怎么显示?而我现在只能做到“我很快乐”显示在左边,而“你很快乐”显示在“我很快乐”的下一行的右边。。。。达不到同一行左右两边分别显示
追答
你是不是用的float样式啊。
1.你可以都用float:left 这样你想怎么安排就怎么安排。
2.你可以用float:right和left(不推荐),但是要知道float right 必须放在float left前面。

如果还是不行。。就贴代码吧。说不清楚。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式