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

ttx9n · 发表于 2013-10-18 16:29:53

使用float设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，下面为大家介绍下两种解决方法，有类似情况的朋友可以参考下 CSS中通常我们需要将某元素居左、居右显示，这个时候我们就可以根据float来设置，在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题：

第一种解决办法：把左右对换，比如把日期放在标题的前面，对调一下就好了。

第二种解决办法：给左边也加上float:left。

CSS float定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄.

Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动

3pjdk29w · 发表于 2022-9-20 22:39:11

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

j__j33p · 发表于 2022-11-5 19:03:07

而非为吾问无为谓娃娃

mkonji · 发表于 2023-1-4 19:12:45

很不错的源码论坛

q42obh · 发表于 2023-1-26 02:22:19

呵呵呵呵呵呵

i1efp6c · 发表于 2023-2-4 23:21:07

66666666666

locopy · 发表于 2023-9-11 03:54:16

来看看怎么样

3mfwk4yf · 发表于 2023-9-20 17:28:31

看看看看看看看看看看看看看看看看看看看看看看看看看看看

Anthonylam · 发表于 2023-12-12 10:03:40

很不错的样子

kwzc65wdj · 发表于 2024-3-2 01:57:40

好人好人好人好人

账号		自动登录	找回密码
密码			立即注册

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

相关帖子