CodeDump
Melbin Mathai Melbin Mathai - 1 year ago 66
CSS Question

Word wrapping is not working

This I just created a div. and I give a

White-space: Normal
function for word wrapping when I type the contents. This function is working in Chrome,Opera and Safari Browser. But the words are not wrapping in Mozilla Firefox and Edge browser. And also I tried the
Word-wrap: break-word
function. This is also not working. Please give me a solution.



<div class = "list-name-field" id = "SAVE_LIST" style = "white-space: normal; width: 240px; min-height: 35px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ccc; margin-top: 5px; " contenteditable = "true" data-placeholder = "Add a List..."></div>




z0mBi3 z0mBi3
Answer Source

You need to add word-break: break-all if you need to break a long word

<div class = "list-name-field" id = "SAVE_LIST" style = "white-space: normal;word-break: break-all; width: 240px; min-height: 35px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ccc; margin-top: 5px; " contenteditable = "true" data-placeholder = "Add a List..."></div>

Sign up

Sign up with GitHub
Latest added
Javascript: Nested for loop to printout 2D array
Most elegant way to create a JSON Object
Create dynamically table with 3 columns
Using arrays to produce an output from a form. How do i change the order of this output?
D3 v.4 — Compare values from multiple datasets
How to click the same button more than 50 times in protractor?
Include child elements on click event listener on dynamically created elements
How do I use browser.findElements() to count and iterate through elements?
Locate element by a presence of a custom attribute
Change font size of a part of a div (JavaScript)
edu.stanford.nlp.util.ReflectionLoading$ReflectionLoadingException when using CoreNLP with Jython
How to take multiple lines of input
How does one know if a certain method will change the state of a java object?
Pattern - Conditionally replace literals from string using Java
Firebase analytics in China
Will multiple AWS Lambdas making request to some HTTP(s) resource be detected as throttling?
Determine if onclick was invoked via javascript
git rebase --committer-date-is-author-date --root does not work
Show just the current branch in Git
How to align bootstrap form at the center of the web page