HTML实现单元格内容垂直居中

单元格设置圆角用html实现的，单行的时候靠设置行高实现的垂直居中，现在单元格内容要换行显示，求大佬指点

"<div style='border-radius:10px;background-color:#12a9a9;width:100%;height:80px'>" + "<span style='color:#FFFFFF'>" + "测试测试<br/>测试 "

FineReport 用户mTBkD0622850 发布于 2023-7-26 11:28

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

用户k6280494Lv6资深互助
发布于2023-7-26 11:33（编辑于 2023-7-26 11:47）

换行加\n不就行了

html标签div垂直居中的几种方法介绍

" + "" + "测试测试测试 "

"<div style='height:80px;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#12a9a9;width:100%;'>" + "<span style='color:#FFFFFF'>" + "测试测试测试 "

举报收起评论(3)

用户mTBkD0622850(提问者) \\n不行呀，识别成空格了

2023-07-26 11:45

用户k6280494 回复用户mTBkD0622850(提问者) 修改了 \"

\" + \"\" + \"测试测试
测试 \"

2023-07-26 11:47

用户mTBkD0622850(提问者) OK，感谢

2023-07-26 11:56

ID1208Lv6高级互助
发布于2023-7-26 11:52（编辑于 2023-7-26 11:54）

"<div style='border-radius:10px;background-color:#12a9a9;width:100%;height:80px;display:table;'>" + "<span style='color:#FFFFFF;display: table-cell;text-align:center; vertical-align: middle;'>" + "测试测试测试 "