[HTML][CSS]解决CSS中float:right后右对齐换行问题

最新推荐文章于 2022-02-24 15:52:51 发布

逐浪_一生悬命

最新推荐文章于 2022-02-24 15:52:51 发布

阅读量6.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页专区

本文链接：https://blog.youkuaiyun.com/szwangdf/article/details/17609443

网页专区专栏收录该内容

41 篇文章

订阅专栏

本文介绍了解决CSS中使用float:right属性导致元素在Internet Explorer浏览器中另起一行显示的问题。通过添加float:left的标签使其在不同浏览器中都能保持在同一行显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决CSS中float:right后右对齐换行问题

问题:

在IE下就会出现，加了float:right后的标签另起一行了。但在Chrome、Firefox下这个问题没有出现。

解决办法：

在另一个标签中添加float：left，那么就在同一行了。

<div>
    <span style="float:left" id="ORGNAME"></span>
    <a style='float:right' href="#" onclick="onOrgSelectClick()">部门选择</a>
</div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

逐浪_一生悬命

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS中关于使用float :right会自动换行的问题

S_tructure的博客

04-03

1282

这是我在做作业过程中发现的问题，当我使用float :right来控制文本位置的时候，发现不论怎么调都会让我的文本自动换行。这是我应该做出来的效果：但当我把自己觉得正确的代码写出来后，发现成了这样：最后终于发现这个问题是由于使用float :right会自动换行引起的，所以我上网查了下解决办法，看到方法很简单，很实用： 1、只需要把float的模块放到非float的前面即可。 2、给非f...

CSS中右对齐float:right换行的解决办法

09-25

本文将详细介绍几种解决CSS中右对齐float:right导致的换行问题的方法。首先，我们来了解一下float属性。float属性在CSS中被用于指定一个元素应该向左浮动、向右浮动还是不浮动。浮动的元素会脱离正常的文档流，并...

参与评论您还未登录，请先登录后发表或查看评论

CSS中float:right后右对齐换行问题

01-10

583

CSS中float时浮动元素，浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧，这里和大家分享一下解决CSS中float:right属性后右对齐换行问题方法。解决CSS中float:right属性后右对齐换行问题 ◆问题在Chrome、Firefox下这个问题没有出现，但是在IE下就会出现，日期另起一行了。 ◆原因分析当非float的元...

元素float:right 后右对齐换行的原因及其解决

iteye_19776的博客

08-14

460

今天遇到一个html的问题 [code="haml"] .tag.tag_success.tag_x %span tag.display_name %a(href="javascript:void(0)" style= "float:right;") [/code] 给a元素添加float: right 它会脱离队伍，跳到下一行。 ...

元素 float:right 后右对齐换行原因

碧波海天

06-08

650

<br />当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥 <br /> 也就是说，你的span是float:right，但是你文本还是float:none<br />如果要让两者占据同一行:要么你把span先于文本显示：<span style="float: right">2007-08-18</span> （示例第3行）要么把文本也设成float：<span style="float: left"> 新闻新闻新闻</spa

CSS：float: right 靠右换行的解决方法

weixinhmz的博客

07-14

263

CSS：float: right 靠右换行的解决方法

css中float:right右对齐元素会换行不在同一条线上

01-19

CSS中通常我们需要将某元素居左、居右显示，这个时候我们就可以根据float来设置，在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这...

css float left布局换行不正常问题的解决

09-22

在讨论CSS中float布局换行问题之前，首先要了解CSS float属性的基本原理。float属性是一种非常有用的CSS布局方式，它允许元素向左或向右浮动，直到它的外边缘碰到包含框或另一个浮动元素的边框为止。使用float属性...

float:right后对其换行

jbljm的专栏

11-26

201

float：right后换行的原因原因：当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥 [code="html"]添加返回[/code] 也就是说，如上例，你的a是float:right，但是你文本还是float:none 解决办法： 1.让你的float元素置于非float前。如： [code="html"...

float: right 换行的解决办法

fireinjava的专栏

12-12

431

转自http://renxiangzyq.iteye.com/blog/387442 CSS 1、float: right的简单用法：使用代码<span style="float: right"> ****** </SPAN>，其中******就是你调用的元素，比如发布日期：{dateline}，如果想让此元素靠右，则相应为：<span style="flo...

CSS强制换行对齐的实现方法

09-25

主要为大家介绍了CSS强制换行对齐的实现方法,涉及css中text-justify属性的使用技巧,需要的朋友可以参考下

使用float:right后内容下移换行的原因及解决方案

热门推荐

某年某月某条街

11-16

1万+

问题：如下图所示，使用float:right;之后，右边的内容换行了，代码如下：<style> .fl{width:100%;text-align:center;} .fll{width:30%;background-color:#ff0;} .flr{width:70%;background-color:#f00;float:right;} </style> <div class="fl">

CSS中右对齐float:right换行的解决方法

weixin_34018202的博客

03-16

216

应用FLOAT左右的时候，经常出现不在一行的现象。下面给出几种常用的解决方法：第一种解决办法：把左右对换，比如吧日期放在标题的前面，我朋友就是那个问题，对调以下就好了。第二种解决办法：给右边也加上FLOAT:RIGHT 浮动不正常的（不在同一行，换行了，仅仅因为多了一个＆ｎｂｓｐ;，从而导致整个排版混乱）：浮动正常的1：（第一种解决办法：去掉＆ｎ...

解决float属性导致换行

码小二的博客

09-06

8788

在h5开发中，经常会使用float属性来解决一些布局问题。但在某些复杂的布局中也会遇到使用float属性是导致一行中的元素无法对齐或者float元素换行等现象。在遇到这种问题时，我们可以修改元素的位置来解决换行或者元素不对齐的现象。

浮动出现问题解决方法

加油~么么哒~~

02-21

4919

1.float: right 右浮动时，靠右换行（错行）的解决方法当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥。把右浮动的标签放在正常标签的前面即可。 {forum}{subject}{date1} {date1}{forum}{subject} 2.浮动如何换行例子如：两个div设置了左浮动，

IE7 下float left right 混用会导致元素换行的问题

weixin_30407613的博客

01-04

155

众所周知的IE7是个前端的坑，这次又遇到了一个和float相关的，比较偏门的问题。简单的说，就是一行内需要一个float:left的元素和一个float:right的元素，中间写上没有被任何html标志包裹的文本。效果如下（IE8-10, Chrome, FireFox）：然后在IE7下，则很不客气的变成这这幅模样：其实，这是因为文字上没有float属性而把right挤下去...

CSS文字段落右边的文字在换行时对齐

qq_38299934的博客

02-24

1526

修改前修改后简单的一行css搞定 text-align: justify;

使用css单行文字右对齐，多行文字左对齐

张杰伦的博客

09-30

5749

有时我们想要表单那样，左边的文字右对齐，但是文字长了换行后又难看所以我们如何实现下面这样的效果那关键就是文字的父盒子设置text-align: right; 文字的盒子设置 display:inline-block;text-align: justify; 如果文字的盒子设置left的话，文字换行了，但是第一行文字靠右边盒子会有距离，看起来不好看，所以可以使用justify属性 ...