我有一个Java应用程序,它在WebView中显示单个HTML文件。
下面的CSS代码片段用于设置网页中<div>
的样式:
.header {
margin: auto;
background-color: #0479ccff;
font-weight: bold;
color: #FFFFFF;
padding: 5px;
height: 20px;
}
字符串
但是,<div>
中文本的字体大小是可以由应用程序用户调整的,因此我需要有一种方法来缩放div相对于字体大小的高度。对于较大的字体,<div>
高度保持不变,文本与其底部边框重叠。
有没有办法用纯CSS做?
3条答案
按热度按时间vu8f3i0k1#
以
em
而不是像素为单位指定高度。然后,随着字体大小的改变,高度将自动改变。字符串
798qvoo82#
高度:20 px正在阻止您的div增长。使用min-height代替height。
字符串
这将使高度保持至少20 px,同时允许div增长以适应字体大小的增加。
添加一个增加/减小字体大小的演示,使用JavaScript更改.header字体大小。看起来你可以点击RunSnippet来观看演示。
x
的字符串
2izufjch3#
当然。如果你去掉了高度,那么div的高度应该会随着文本的变化而变化。
这样做:
字符串