gpt4 book ai didi

css - 更改字体大小但保持按钮大小相同

转载 作者:行者123 更新时间:2023-11-28 04:34:03 24 4
gpt4 key购买 nike

我将标签显示为按钮,我正在寻找一种方法,当内容很大时,字体大小应该自动减小。

目前我正在使用样式固定宽度和高度。

这是plunker链接,

https://plnkr.co/edit/brcTKRpS81DRYw9O1yDX?p=preview

.label-list {
margin: 5px 5px 5px 0;
border-radius: 0;
font-size: 12px;
background-color: #ececec;
border-color: #e8e8e8;
color: #444;
width:120px;
height:45px;
text-align:center;
}

最佳答案

将宽度或高度设置为自动以获得您想要的响应。

  <head>
<meta charset="utf-8" />
<title>Bootstrap, from Twitter</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Le styles -->
<link data-require="bootstrap-css" data-semver="4.0.0-alpha.4" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" />
<link data-require="bootstrap@*" data-semver="4.0.5" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
<style>
.label-list {
margin: 5px 5px 5px 0;
border-radius: 0;
font-size: 12px;
background-color: #ececec;
border-color: #e8e8e8;
color: #444;
width:auto;
height:45px;
text-align:center;
}
</style>
<script data-require="jquery" data-semver="3.1.1" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
<script data-require="bootstrap" data-semver="4.0.5" src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js"></script>
</head>

<body>
<label class="btn btn-primary label-list">test label</label>
<label class="btn btn-primary label-list">test label test test test</label>
</body>

</html>

关于css - 更改字体大小但保持按钮大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41582090/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com