Home > Not Working > Word-wrap Break-word Not Working In Chrome

Word-wrap Break-word Not Working In Chrome

Contents

codelord.net Code, Angular, iOS and more by Aviv Ben-Yosef RSS About Hire Me Archives CSS Tip: Overflowing with Text Aug 23rd, 2013 | You'll get some knowledge shipped to your inbox soon. You rock. The naive approach is usually just adding a width to the element and assume the problem is solved. this contact form

Let's do this! Email Address Subscribe Posted by Aviv Ben-Yosef Aug 23rd, 2013 Tweet « Rails 4 with Ruby 2 on Heroku http://stackoverflow.com/questions/13819390/css-word-wrap-not-working-as-expected

Word-wrap Break-word Not Working In Chrome

But that is not so, my friends: Some longer than expected text 1 2 3 style="width: 10em;"> Some longer than expected text

I’ll just add that I like adding an ellipsis for making it clear that some text was trimmed with text-overflow: ellipsis. Please try again. Now a long woooooooooooooooooooooooooooooooord 1 2 3 style="width: 10em; height: 1.2em; overflow-y: hidden;"> Now a long woooooooooooooooooooooooooooooooord

Humph. Word Wrap Break Word Not Working In Table Let’s add overflow-y: hidden: Some longer than expected text OK, this seems to do the trick.

Now, stepping back a bit, what if we can’t have it take multiple lines? Some longer than expected text with antidisestablishmentarianism 1 2 3 style="width: 10em;"> Some longer than expected text with antidisestablishmentarianism

We can limit that too by adding a height to the element: Some longer than expected text 1 2 3 style="width: 10em; height: 1.2em;"> A horizontal scroller even though the displayed contents aren’t that long.

But are we, really? Text Not Wrapping Css That’s, my friends, a job for word-wrap: break-word: Some longer than expected text with antidisestablishmentarianism 1 2 3 style="width: 10em; word-wrap: break-word;"> Some We can of course add overflow-x: hidden but what if we want all the content to be displayed? Write maintainable Angular, learn the best practices and get prepared for 2.0! There was an error submitting your subscription.

  • A Page-lifecycle issue.
  • This is actually how I am doing inside a method of my code behind: DirCaDiv1.Visible = false; DirBaDiv1.Visible = true; thanks alot for your reply ;) –TiagoM Nov 18 '13 at
  • Browse other questions tagged asp.net html visible or ask your own question.
  • Setup:In both scenarios, I just put 2 divs on the page with runat="server" attributes.
  • i want to disable button untill user agree the terms and condition.
  • Browse other questions tagged asp.net html visible or ask your own question.
  • All rights reserved Use of this Site constitutes acceptance of our User Agreement (effective 3/21/12) and Privacy Policy (effective 3/21/12), and Ars Technica Addendum (effective 5/17/2012) Your California Privacy Rights The