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

当前位置 : 首页 > 网页制作 > CSS > CSS中右对齐float:right换行的解决办法

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

来源: 作者: 时间:2015-11-23 09:25
一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了
一做站的朋友问我为什么同时使用FLOAT:LEFT 和RIGHT的时候不在同一水平线上,二是在另一行,举个例子,大家一看就明白了

是不是很多朋友在应用FLOAT左右的时候也出现这个问题,下面给出几种常用的解决方法,希望对出现这样问题的朋友有所帮助哈。

第一种解决办法:把左右对换,比如吧日期放在标题的前面,我朋友就是那个问题,对调以下就好了。

第二种解决办法:给右边也加上FLOAT:RIGHT

浮动不正常的(不在同一行,换行了,仅仅因为多了一个 ,从而导致整个排版混乱):

浮动正常的1:(第一种解决办法:去掉 )

浮动正常的2:(第二种解决办法:从 起再套一层span,并设定float:right;)


Tag:
网友评论

<