时间:2021-05-02
这篇文章主要介绍了css下div下同行多元素右对齐,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
方法一:
float:right
此外,浮动还会使得布局更紧凑(没空隙)
效果图如下:
方法二:
display:inline-block+text-align:right
text-align:right影响的是其下的行内元素或文字,所以inline-block使得div具有了行内元素的特性,可以右对齐
效果图如下:
从上面两个方法来看:
float的布局更为紧凑一些;
float:right会改变顺序,而text-align:right不会;
text-align同时会影响其下元素的文字对齐方式;
所以,综合两个方法,可以得到如下组合:
效果如下:
进一步发现,综合之后:
布局更为紧凑;
float和inline-block同行时,并不会产生覆盖浮动的现象,只是会各自规矩地排列着。
文章来源:脚本之家,原文链接:https://www.jb51.net/css/743775.html
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS中通常我们需要将某元素居左、居右显示,这个时候我们就可以根据float来设置,在设置右对齐显示的时候,我们通常会遇到,右对齐的元素会换行,这样就会出现左右
CSS各种对齐代码,左对齐、右对齐、中间对齐、底部对齐、两端对齐等,代码简单。.left{text-align:left;
CSS各种对齐代码,左对齐、右对齐、中间对齐、两端对齐,代码简单,在此与大家分享:.left{text-align:lef
网页里各种元素水平方向的对齐方式主要有:左对齐、右对齐、居中对齐和两端对齐等4种方式,常用的为左对齐、居中对齐,右对齐和两端对齐基本很少使用,尤其是两端对齐,
复制代码代码如下:/***jQueryrposition*fix:要定位的元素*rel:相对定位的元素*options:{},align:左右对齐;vlign: