CSS:[1]float: right 靠右换行的解决方法

在网页制作过程中,经常会碰到使用css中的“float: right”出现靠右换行的现象

现将我在使用过程中的一点小技巧分享给大家。

1、float: right的使用用法:使用html代码*****,其中*****就是你想靠右的内容,比如一个日期:{date1},如果想让此元素靠右,则应该写:{date1};

2、当使用span标签时,我们经常发现:靠右的元素和前面的元素被自动换行了,即不再在同一行内,原因是:当“非float的元素”和“float的元素”在一起的时候,如果非float元素在先,那么float的元素将受到排斥。也就是说:如果你在设置span是float:right时,把他放在所有元素的最前面就正常了,以下为举例(调用三个元素,想让第三个元素靠右显示):

按下面这种顺序输入的方法是错误的:

{forum}{subject}{date1}

正确的方法:

{date1}{forum}{subject}

如果感觉对你有帮助,请给我点个赞。是我以前发在空间的,现在在中跟各位分享。

(0)

相关推荐

  • CSS边框实例:设置右边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置右边框的宽度 步骤/方法 ...

  • CSS边框实例:所有右边框属性在一个声明之中

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:所有右边框属性在一个声明之中 ...

  • CSS边框实例:设置右边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置右边框的样式 步骤/方法 ...

  • Word中向下的箭头↓符号怎么删除?手动换行符删除方法

    有时我们需要从网页上复制一些文章到Word中,但奇怪的是往往会带有好多向下箭头的符号,这就是软回车符号(Word中软回车是同时按住shift+enter得来的),这些软回车占用了Word很多的空间,如 ...

  • css中float用法

    css属性应用应用float属性更改文档流方式 操作方法 01 正确编写html文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stri ...

  • Windows与Linux换行符差别所引起的问题的解决方法

    windows和linux下的换行符是不同的.一般操作系统上的运行库会自动决定文本文件的换行格式. 如一个程序在windows上运行就生成CR/LF换行格式的文本文件,而在linux上运行就生成LF格 ...

  • linux 删除换行符的方法小结

    今天需要删除文件里面的换行符,比如有一个文件a.txt: 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1,2,3 4,5,6 1.使用vim删除换行 ...

  • HTML+CSS表格制作(合并单元格)简单方法

    在表格当中,我们通常需要用到合并单元格.作为小白,我们通常会困惑于如何设置表格.这里教大家一个简单易行的设置方法. 操作方法 01 我们通常用代码合并单元格的话,是这样的,跨列使用colspan,跨行 ...

  • word 2010中公式居中,编号右对齐的实现方法

    在毕业论文的撰写与排版过程中,对于公式的处理问题,一直是现阶段毕业生面临的主要问题.如何才能有效的实现公式居中,编号右对齐?本人亲身体验,通过新建样式可以快速达到目的!具体实现步骤如下: 操作方法 0 ...