substring a text with html tags using css break word or something?

Question

var txt = 'Some texts, html tags & all values i can enter through text box';
txt= txt.substring(0,255)+'...';

Can i do this thing using css?

My problem is if txt contains HTML tags, after doing a sub string the closing tag gets missing and it will break.

Ishan Jain · Accepted Answer · 2013-07-25 06:04:29Z

5

But for this you should set width of element -

Try this CSS -

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

answered Jul 25, 2013 at 6:04

Ishan Jain

8,22111 gold badges52 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

U.P · Accepted Answer · 2013-07-25 05:53:43Z

1

CSS will only work when you have to display the txt information on screen in some elements such as <div> or <p>

In order to make text appear with ellipses, try the following CSS properties

p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

answered Jul 25, 2013 at 5:53

U.P

7,4527 gold badges42 silver badges63 bronze badges

Chad · Accepted Answer · 2013-07-25 06:03:31Z

-2

If you're using jQuery, you can use it's text() function.

var txt = 'Some texts, html tags & all values i can enter through text box';
txt= txt.text().substring(0,255)+'...';

That will display all non-html elements.

answered Jul 25, 2013 at 6:03

Chad

5,4184 gold badges27 silver badges36 bronze badges