Home/ Questions/Q 3114
Answered
tvd12
  • 0
Enlightened
Asked: 2021-11-14T15:16:51+00:00 In:

Cắt text bị dài trong thẻ span

  • 0

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>

csshtml
Share

1 Answer

  1. Best Answer
    Enlightened
    This answer was edited.

    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

You must login to add an answer.

Need An Account,