css中float:right右对齐元素会换行不在同一条线上
2013-10-18 16:29
357 查看
CSS中通常我们需要将某元素居左、居右显示,这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右元素不在同一条线上,我们可以通过以下方式来解决这个问题:
第一种解决办法:把左右对换,比如把日期放在标题的前面,对调一下就好了。
第二种解决办法:给左边也加上float:left。
CSS float定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄.
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
第一种解决办法:把左右对换,比如把日期放在标题的前面,对调一下就好了。
第二种解决办法:给左边也加上float:left。
CSS float定义和用法
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。
如果浮动非替换元素,则要指定一个明确的宽度;否则,它们会尽可能地窄.
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
相关文章推荐
- 元素 float:right 后右对齐换行原因
- 元素 float:right 后右对齐换行原因
- span元素float:right 后右对齐换行原因及其解决
- 元素 float:right 后右对齐换行原因
- CSS中右对齐float:right换行的解决办法
- CSS中右对齐float:right换行的解决方法
- 元素 float:right 后右对齐换行原因
- CSS中float:right后右对齐换行问题
- 元素 float:right 后右对齐换行原因
- 解决CSS中float:right后右对齐换行问题
- 元素 float:right 后右对齐换行原因
- CSS中右对齐float:right换行的解决办法
- [HTML][CSS]解决CSS中float:right后右对齐换行问题
- CSS中float:right后右对齐换行问题
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- IE7 float:right 时元素换行 的bug解决方法
- E7 float:right 时元素换行出现在下一行的bug解决方法
- span float:right后右对齐换行问题
- css使用float:right后内容下移换行的问题原因及解决方案
- ie6 span 换行解决span float:right不能右对齐而是换行显示