CSS:float: right 靠右换行的解决方法
2017-11-02 15:15
302 查看
1、float: right的使用用法:使用html代码<span style="float: right">*****</SPAN>,其中*****就是你想靠右的内容,比如一个日期:{date1},如果想让此元素靠右,则应该写:<span style="float:right">{date1}</SPAN>;
2、当使用span标签时,我们经常发现:靠右的元素和前面的元素被自动换行了,即不再在同一行内,原因是:当“非float的元素”和“float的元素”在一起的时候,如果非float元素在先,那么float的元素将受到排斥。也就是说:如果你在设置span是float:right时,把他放在所有元素的最前面就正常了,以下为举例(调用三个元素,想让第三个元素靠右显示):
按下面这种顺序输入的方法是错误的:
{forum}{subject}<span style="float: right">{date1}</SPAN>
正确的方法:
<span style="float: right">{date1}</SPAN>{forum}{subject}
2、当使用span标签时,我们经常发现:靠右的元素和前面的元素被自动换行了,即不再在同一行内,原因是:当“非float的元素”和“float的元素”在一起的时候,如果非float元素在先,那么float的元素将受到排斥。也就是说:如果你在设置span是float:right时,把他放在所有元素的最前面就正常了,以下为举例(调用三个元素,想让第三个元素靠右显示):
按下面这种顺序输入的方法是错误的:
{forum}{subject}<span style="float: right">{date1}</SPAN>
正确的方法:
<span style="float: right">{date1}</SPAN>{forum}{subject}
相关文章推荐
- CSS中右对齐float:right换行的解决方法
- IE下CSS属性float:right下换行问题解决方法
- css关于float:right使用及靠右换行的解决办法
- 【CSS笔记之五】IE6/IE7/IE8下float:right的异常及其解决方法
- CSS中右对齐float:right换行的解决办法
- IE7 float:right 时元素换行错位的bug 解决方法(2)
- [HTML][CSS]解决CSS中float:right后右对齐换行问题
- css中的“float: right”出现靠右换行的现象
- IE下CSS属性float:right下移换行或不显示的问题原因及解决
- CSS中右对齐float:right换行的解决办法
- 解决CSS中float:right后右对齐换行问题
- E7 float:right 时元素换行出现在下一行的bug解决方法
- CSS之float在IE浏览器下换行问题解决方法
- IE7 float:right 时元素换行 的bug解决方法
- IE6/IE7浏览器中"float: right"自动换行的解决方法
- IE7 float:right 右浮动时元素换行错位的bug解决方法
- css中实现字符超出宽度自动换行和英语字符不断行的解决方法
- 解决ie6、ie7、ie8下float为right换行的情况
- CSS常规布局解决float右浮动换行超出的问题
- 在IE下换行显示float:right的解决技巧