引導程式 5.2.2。看來該類在元素text-truncate中不起作用:<label>

這是該螢屏截圖的 HTML:
<div class="form-row">
<div class="col-md-2">
<div class="form-group">
<label class="text-truncate" for="card_printed">Card Printed</label>
<select name="card_printed" id="card_printed" class="form-select">
<option value="0" selected>No</option>
<option value="1">Yes</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label class="text-truncate" for="certificate_printed">Certificate Printed</label>
<select name="certificate_printed" id="certificate_printed" class="form-select">
<option value="0" selected>No</option>
<option value="1">Yes</option>
</select>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label class="text-truncate" for="is_duplicate">Is Duplicate</label>
<select name="is_duplicate" id="is_duplicate" class="form-select">
<option value="0" selected>No</option>
<option value="1">Yes</option>
</select>
</div>
</div>
</div>
我不知道有任何 CSS 會覆寫text-truncate該類。查看控制臺,我看到它.text-truncate具有預期的樣式overflow: hidden; text-overflow: ellipsis; white-space: nowrap;并且label具有display: inline-block;截斷所需的樣式。
我做錯了什么,解決方法是什么?
uj5u.com熱心網友回復:
這是因為引導標簽具有屬性 display: inline-block 和 text-truncate 屬性僅適用于 block.so 覆寫 inline-block 屬性或將標簽替換為 div。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/531243.html
標籤:推特引导
上一篇:Selenium無法獲取此類
