关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

css下div下同行多元素右对齐

发布时间:2022-01-25 12:15:45
  亿胜云 提供香港/国内多地区BGP 高防云 CDN 隐藏源 游戏盾可隐藏IP加端口类通讯应用 这篇文章主要介绍了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

/template/Home/Zkeys/PC/Static