手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中float:right右对齐元素会换行不在同一条线上
css中float:right右对齐元素会换行不在同一条线上
摘要:CSS中通常我们需要将某元素居左、居右显示,这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换...

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

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

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

CSS float定义和用法

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

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

Float常跟属性值left、right、none

Float:none 不使用浮动

Float:left 靠左浮动

Float:right 靠右浮动

【css中float:right右对齐元素会换行不在同一条线上】相关文章:

CSS/Js文本溢出自动添加省略号ellipsis

css中水平垂直居中对齐布局实例总结

通过CSS禁用页面内容选中和复制操作

css中元素水平垂直居中4种方法介绍

css中使input输入框与img(图片)在同一行居中对齐

了解CSS的查找匹配原理

css控制div中元素居中的示例

css下clear both、left、right值的含义

css中用javascript判断浏览器版本

CSS+jQuery实现的在线答题功能

精品推荐
分类导航