EN
JavaScript - no-break / non-breaking space in string
8
points
In this very short article, we are going to look at how to insert a no-break (non-breaking) space character to string in JavaScript.
Quick solution:
Use the following
\xA0character code.
// ONLINE-RUNNER:browser;
var text = 'a \xA0\xA0\xA0 b'; // U+00A0
console.log(text); // a b
Non-breaking space in unicode:
|
Unicode code |
JavaScript |
HTML |
HTML |
U+00A0 |
|  ,   or   | |
Binding non-breaking space to HTML from JavaScript example.
There are a few ways how to do it:
- by pasting code directly into JavaScript string - some codes could be invisible without hex editor,
- with
innerTextortextContentproperty and unicode character code, - with
innerHTMLproperty and html unicode code (e.g. , or ).
Check the below example:
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<div id="element"></div>
<script>
var element = document.querySelector('#element');
element.innerText = 'a \xA0\xA0\xA0 b'; // or \u00A0
// element.textContent = 'a \xA0\xA0\xA0 b'; // or \u00A0
// element.innerHTML = 'a b'; // or   or  
</script>
</body>
</html>