2

如何根据文本调整按钮高度？这与基于我正在使用 BootStrap 类并且不知道这是否会影响结果这一事实而提出的其他问题不同。

我原以为这会类似于这样做：

display: inline-block;
width: 50px;
height: 100px;
word-break: break-word;
overflow: hidden;

但以上都没有奏效。有人对此有解决方案吗？

这是我的 HTML：

<div class="accordion collapsible-views" id="accordionExample">
  <div class="card">
    <div class="card-header" id={{collapseCard.headingId}}>
      <h5 class="mb-0">
        <button class="btn btn-link" type="button" data-toggle="collapse" attr.data-target="#{{collapseCard.btnTargetId}}" aria-expanded="true" attr.aria-controls={{collapseCard.btnTargetId}}>
          {{collapseCard.btnTitle}}
        </button>
      </h5>
    </div>

这是我的CSS：

.btn {
        width: 100%;
        background: url(/assets/images/drop-down-icon.png) 100% no-repeat;
        text-align: left;
    }

    .card-header {
        border-bottom: 0px;
        border-radius: 10px;
        padding-left: 12px;
    }

    .card {
        border-radius: 10px;
        border: none;
    }

按钮高度应调整

4

0 回答 0