CODEWITHSUNDEEP
jqueryjquery-mobile
user796443
user796443

Reputation:

jquery mobile enable long text truncate

Jquery mobile intelligently truncates h1 h2 tags in header and footer. I've seen many tutorials how to avoid this. But my need is different, I've custom div without data-role. And I need to truncate h2 h3 heading text inside this div.

How do I enable truncate long text on custom text headings?

Upvotes: 2

Views: 1883

Answers (1)

Sheetal
Sheetal

Reputation: 1366

You can also simply create a class out of the following style elements: 

<div>
   <h1 style="text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
    This is very long text This is very long text This is very long text This is very long text This is very long text
   </h1>
</div>

Upvotes: 3

Related Questions