首页 > CSS:float:right靠右出现换行的解决方法

CSS:float:right靠右出现换行的解决方法

CSS:float:right靠右出现下移换行的解决方法

在网页制作过程中,经常会碰到使用css中的“float:right”出现靠右下移换行的现象。[晴天网q0738.com]小编现将在使用过程中的一点小技巧分享给大家。

在使用span标签时,我们经常发现:靠右的元素和前面的元素被自动换行了,即不再在同一行内。原因是:当“非float的元素”和“float的元素”在一起的时候,如果非float元素在先,那么float的元素将受到排斥。也就是说:如果你在设置span是float:right时,把它放在所有元素的最前面就正常了。

以下为举例(调用三个元素,想让第三个元素{date}靠右显示:
1、错误的方法:
{forum}{subject}<span style="float:right">{date}</span>
2、正确的方法:
<span style="float:right">{date}</span>{forum}{subject}

电脑知识推荐