CODEWITHSUNDEEP
htmloverflow
Krzyś Iu
Krzyś Iu

Reputation: 35

overflow hidden with no breaking words

<div style="width:120px; border:solid 1px #f00;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
</div>

I have code like this and i would like to all text be in one line and cut to 120px so i need hide text but i want text in one line (when i set overflow:visible I want to have one line)

Upvotes: 0

Views: 40

Answers (1)

mertyildiran
mertyildiran

Reputation: 6613

<div style="width:120px; border:solid 1px #f00; overflow: hidden;  white-space: nowrap;">
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa
</div>

This should work.

Upvotes: 2

Related Questions