按钮的文本有两行的样式与只有一行的样式的按钮不协调，尽管已经设置了宽度、高度、边距和填充。 _程序开发

创始人

2024-11-03 20:00:57

0次

将具有两行文本的按钮的高度设置为固定值，并在其文本中添加样式以将其垂直居中。例如：

HTML代码：

CSS 代码：

.button-two-lines { width: 200px; height: 60px; margin: 10px; padding: 10px; font-size: 16px; line-height: 1.5; display: flex; align-items: center; }

.button-two-lines span { display: block; }

.button-one-line { width: 200px; height: 40px; margin: 10px; padding: 10px; font-size: 16px; line-height: 1.5; }

通过将具有两行文本的按钮的文本垂直居中，并将其高度设置为固定值，即可使其与具有一行文本的按钮协调，并实现一致的样式。

黑科技代打！菠萝德州辅助神器，... 黑科技代打！菠萝德州辅助神器，德扑之星好牌，切实真的是有挂（2026已更新）-哔哩哔哩；最新版202...

黑科技真的！红龙扑克透牌辅助器... 黑科技真的！红龙扑克透牌辅助器，德扑计算胜率软件，确实真的是有挂（2025已更新）-哔哩哔哩是一款可...

黑科技软件！智星德州菠萝辅助器... 黑科技软件！智星德州菠萝辅助器，来玩德州app辅助工具，切实是有挂（2024已更新）-哔哩哔哩；支持...

辅助黑科技！智星德州菠萝外挂，... 辅助黑科技！智星德州菠萝外挂，德扑ai智能机器人代理，确实是有挂（2024已更新）-哔哩哔哩；玩家在...

黑科技线上！红龙扑克是不是有问... 黑科技线上！红龙扑克是不是有问题，传奇扑克辅助，先前是真的有挂（2020已更新）-哔哩哔哩1、许多玩...

黑科技模拟器！红龙扑克辅助器怎... 黑科技模拟器！红龙扑克辅助器怎么下载，聚星扑克辅助软件，本然有挂（2022已更新）-哔哩哔哩；超受欢...

黑科技辅助！德州菠萝辅助工具，... 黑科技辅助！德州菠萝辅助工具，德扑人工智能，一直真的是有挂（2023已更新）-哔哩哔哩是一款可以让一...

黑科技规律！红龙扑克插件，鱼扑... 黑科技规律！红龙扑克插件，鱼扑克fishpoker俱乐部辅助，本来是有挂（2024已更新）-哔哩哔哩...

黑科技插件！红龙扑克辅助软件下... 大家肯定在之前红龙扑克辅助软件下载或者红龙扑克辅助软件下载中玩过黑科技插件！红龙扑克辅助软件下载，约...

黑科技数据！红龙扑克辅助器安全... 黑科技数据！红龙扑克辅助器安全吗，德扑数据软件，一直真的有挂（2021已更新）-哔哩哔哩1、很好的工...