元素 float:right 后右对齐换行原因

XML/HTML代码

新闻新闻新闻2007-08-18
2007-08-18新闻新闻新闻

效果:

原因:

当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥
也就是说，你的span是float:right，但是你文本还是float:none

如果要让两者占据同一行:

要么你把span先于文本显示：<span style="float: right">2007-08-18</span> （示例第3行）
要么把文本也设成float：<span style="float: left">新闻新闻新闻

转载于:https://www.cnblogs.com/smallmuda/archive/2009/02/26/1398535.html

元素 float:right 后右对齐换行原因相关推荐

html li span 居中,如何实现HTML span标签的居中和右对齐
如何实现HTML span标签的居中和右对齐发布时间:2020-07-15 10:02:29 来源:亿速云阅读:182 作者:Leah 本篇文章给大家分享的是有关如何实现HTML span标签的居 ...
代码居中对齐_HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
html中把句子往右边弄一点咋办,CSS上的左，中，右对齐方法，可以在一行上混合...
一种用CSS以左对齐/中心对齐/右对齐方式显示用HTML编写的句子的方法在用"从左到右书写的语言"(如日语和英语)中编写的HTML中,除非指定了字符移位方向,否则句子左对齐显示. ...
HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析（收藏）
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
HTML span标签如何居中和右对齐？这里有HTML span标签的样式解析
本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...
MathType不能正常右对齐解决方法
使用Word文档写论文时,将MathType公式从从一个文档复制到另一个文档后发现插入的右对齐公式在新文档中不再右对齐,查阅网上资料整理一些解决方法如下.其不对齐现状如图, . 官方给出的原因修改页 ...
如何让div靠右_css怎么设置右对齐？
css设置右对齐的方法:1.使用cssposition属性实现右对齐.2.通过float属性实现右对齐.3.通过text-align属性实现右对齐. 通过css设置右对齐方法详解: 1.通过css的p ...
css设定元素左对齐,左对齐标签 - 右对齐选择元素（CSS）
我有一个表单布局,我想显示左对齐的标签和右对齐的表单控件.我一直试图让它在表单控件上使用float:right(在这种情况下为a),然后将clearfix类应用于它,但clearfix似乎不在我的选择 ...
flex 换主轴后子元素占满_css flex justify-content属性，子元素在主轴上的对齐方式。...
css flex justify-content属性,子元素在主轴上的对齐方式. justify-content属性控制子元素在主轴上的对齐方式,支持flex-start . flex-end . c ...

元素 float:right 后右对齐换行原因

元素 float:right 后右对齐换行原因相关推荐

最新文章

热门文章