DIV+CSS垂直居中一个浮动元素
作者：互联网
2026-01-21
文件数据
场景：在一个固定高度的div中，有一个浮动的元素，需要将这个浮动元素垂直居中。
原始代码如下:
复制代码代码如下:
现在只是简单的设置这个button浮动，实现的效果看起来就像这样：
现在需要将这个button在整个div里垂直居中。我的做法是在这个button外层加一个span，并且浮动这个span元素而不是之前的button。另外需要设置这个span的高和行高与外层div相同。
复制代码代码如下:span{ float: right; height: 300px; line-height: 300px;}现在应该就变成这样了：
完整代码：
复制代码代码如下:
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
css3实例教程 一款纯css3实现的环形导航菜单
01/21
div+css让div内部元素如单选按钮均匀分布
01/21
DIV+CSS垂直居中一个浮动元素
01/21
css – 使用mixin参数在LESS中创建类名
01/19
css – 物化设计汉堡包图标不显示
01/19
不能跳过将CSS规则添加到第一个li元素使用not(first)
01/19
latex – 在SageMath中以相反顺序显示多项式
01/19
css – 如何组合多个选择？
01/19
如何使用.css在每个.html页面的末尾添加一个地址？
01/19
将[]字节转到Little / Big-Endian Signed Integer或Float？
01/19
AI精选
