当前位置:首页 > 未分类

CSS中,类似表格的布局,文字垂直居中

admin2年前 (2024-06-21)未分类524

仅限于一行数据中有不同高度,又想垂直居中的情况。


/* 父元素: */
display: flex;
align-items: center;


如果子元素有边框的,能去掉去掉,能设置为和背景色一样,就设置为和背景色一样。
都不能的话,再寻找其他办法吧。


扫描二维码推送至手机访问。

版权声明:本文由前端开发技术分享发布,如需转载请注明出处。

本文链接:https://www.jqkcms.fun/?id=6

分享给朋友:

相关文章

在layui-tab中使用layui的table,table不能铺满……

在layui-tab中使用layui的table,table不能铺满,会差几个px(我测试差5个px,根据测试环境的不同,可能差的数量不一样)。给出以下几个方案供参考:1. 方案一:表头和表内容每一行的第一个td/th,增加左(或右)内边距5个px。如果列宽度使用的百分比,可能实际效果还会差一两个p…

js 中 object循环

1. 使用for...in循环          for...in语句在一个对象的所有可枚举属性上迭代。let obj = {a:1, b:2, c:3}; for&n…

vue 子组件调用父组件方法

示例:    父组件:   ...(略)   <子组件 @触发的方法="父组件方法"></子组件>   ...(略)  &nbs…

VUE开发报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent ...

VUE开发报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed p…

uni-app 组件引用错误,仅支持 import 方式引入组件

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案:1. 去除使用该自定义组件的页面中对该组件的注册,即去除components里对该组件的注册。…

VUE开发报错:Module build failed (from ./node_modules/ ...

VUE开发报错:Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):  语法错误: Une…