Avatar
0
tvd12 Enlightened
tvd12 Enlightened
Cắt text bị dài trong thẻ span
Mình có đoạn html này nó đang không cắt bỏ được phần phần text quá dài vượt khổ, giờ phải bổ sung thuộc tính css gì mọi người nhỉ?

<div class="col-12">

<label class="mr-1">File name:</label><span id="fileName">247054726_713680412923342_7496660341076819024_n.png</span>

</div>

  • Answer
html css
Remain: 5
1 Answer
Avatar
tvd12 Enlightened
tvd12 Enlightened
The Best Answer
Thêm 4 thuộc tính này:

width: 100%;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;

Tham khảo:

  1. Cắt cho 1 dòng: https://www.w3schools.com/cssref/css3_pr_text-overflow.asp
  2. Cắt cho nhiều dòng: https://codepen.io/martinwolf/pen/qlFdp
  • 1
  • Reply