css设置文字上下居中,一行文字居中,两行或多行文字同样居中。
2024-10-19 04:31:40
转:https://www.cnblogs.com/handsomeBoys/p/6599062.html
HTML:
<div class="book-detail-store-item align-center-vertical">居中文字</div>
CSS:
.book-detail-store-item {
width: 50px;
height:50px;
line-height: 25px;
font-size: 12px; } /*flex垂直居中对齐*/
.align-center-vertical{
display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
}
最新文章
- Java实现单链表的各种操作
- [转]How to override HandleUnauthorizedRequest in ASP.NET Core
- RESTful API 设计最佳实践
- 每天一个linux命令(38):cal 命令
- PHP curl https访问问题
- CSS 伪元素&;伪类
- c#连接各种数据库
- 安装mysql-connector-python
- cocos2d-x游戏开发之烟花粒子效果
- java反射之Class.getMethod与getDeclaredMethods()区别
- 在虚拟机上安装Ubutu完成后卡在VM Tool的安装上
- JS中URL编码参数(UrlEncode)
- C#基础(三)—重载与覆盖
- 用JvisualVM监视远程tomcat
- <;display>;标签的几个属性
- Navicat工具破解
- Extjs树形控件入门
- form 表单 设置编码和页面编码
- java面向对象--类加载器及Class对象
- android 通过getDimension,getDimensionPixelOffset和getDimensionPixelSize获取dimens.xml文件里面的变量值
热门文章
- C#版 - PAT乙级(Basic Level)真题 之 1024.科学计数法转化为普通数字 - 题解
- TypeScript: type alias 与 interface
- SpringCloud Ribbon的分析(二)
- java开发知识IO知识之输入输出流以及文件
- 使用MaxCompute Java SDK运行安全相关命令
- [十五]java.math包简介,RoundingMode与MathContext
- 痞子衡嵌入式:并行接口NAND标准(ONFI)及SLC Raw NAND简介
- JS引擎线程的执行过程的三个阶段(二)
- mysql 错误 ERROR 1030 Got error 28 from
- java重写与重载的区别