`&amp;#8203;` is the HTML entity for a unicode character called the zero-width space (ZWSP).

&gt; &quot;In HTML pages, this space can be used as a potential line-break in long words as an alternative to the `&lt;wbr&gt;` tag.&quot;- [Zero-width space - Wikipedia][1]

The `&lt;wbr&gt;` tag also works, as mentioned by [Aaron&#39;s answer](https://stackoverflow.com/a/15841314/109618). I think I prefer the HTML entity over the tag because the entity seems simpler: unicode handles it, not the web browser.


  [1]: https://en.wikipedia.org/wiki/Zero-width_space

`&lt;wbr&gt;` looks like it does what you want, **but** it looks like the support for it, and `&amp;shy;` for that matter, is [very inconsistent](https://stackoverflow.com/a/227284/2603). So unfortunately, there may not be a particularly good way to do what you want.


I&#39;ll post this as an answer, in 2019, although it draws its substance entirely from other contributions on this page: use `&lt;wbr&gt;`. It works well in allowing the wrap of long URLs and so not having them break out of content boxes. Users being able to paste the link you show into a web browser does matter and support for `&lt;wbr&gt;` is good in modern browsers, according to caniuse.com and my own quick tests in Chrome and Firefox for Android. I replaced forward slashes with forward slashes and a WBR, URLs now wrapping nicely.

Want to add or append elements to existing array


    int[] series = {4,2};

now i want to update the series dynamically with new values i send..

like if i send 3 update series  as `int[] series = {4,2,3};`

again if i send 4 update series  as `int[] series = {4,2,3,4};`

again if i send 1 update series  as `int[] series = {4,2,3,4,1};` so on 

How to do it????

I generate an integer every 5 minutes in some other function and want to send to update the `int[] series` array..


add an element to int [] array in java

I have a C++ vector. I want the vector to hold a variable number of objects. 

Visual Studio 2012 is giving me an error:  

    Error: type name is not allowed

From this C++ code:

    #include &lt;iostream&gt;
    #include &lt;vector&gt;
    using namespace std;
    
    class testObject{
    private:
       int someInt;
    public:
       testObject(int a){ someInt=a; }
       void show() { cout&lt;&lt;someInt&lt;&lt;endl; }
    };
    
    int main()
    {
        vector&lt;testObject&gt; testVector;
        cout &lt;&lt; &quot;Initial size: &quot; &lt;&lt; testVector.size() &lt;&lt;endl;
        
        for ( int i = 0; i &lt; 3; i++ )
            testVector.push_back(testObject(3));
        cout &lt;&lt; &quot;New size: &quot; &lt;&lt; testVector.size() &lt;&lt; endl;
        
        for ( int j = 0; j &lt; 3; j++ )
            testVector[ j ].show();
        
        system(&quot;pause&quot;);
    }    

But here&#39;s another sample of code that looks the same but it&#39;s not working.

    void Dealer::setNumberOfPlayers( const int tNumber )
    {
    	for ( int i = 0; i &lt; tNumber; i++ )
    		vectorOfGamers.push_back(Player); // Player is a class that I created
    }



Can I create vector to hold objects of Dealer, Bot and Player at the same time? How do I do that? As I know, all objects in vector should be of one type.

How can I create objects while adding them into a vector?

I want an optional line-breaking character that is always invisible that works with the `word-wrap: break-word;` CSS style.

Here are some specifics. My goal is to break apart long links in reasonable places. These characters are a good place to start: `-`, `.`, `_`, `/`, `\`. This is not a Rails-specific question, but I wanted to share some code I&#39;m using now:

    module ApplicationHelper
      def with_optional_line_breaks(text)
        text.gsub(%r{([-._/\\])}, &#39;\1&amp;shy;&#39;)
      end
    end

Here&#39;s the problem with the code above: when `&amp;shy;` takes effect (in a table with: `word-wrap: break-word;`), `&amp;shy;` gets displayed as `-`. I don&#39;t want to see the `-`; I want a line break without any character shown.




----------

Optional line-breaking HTML entity that is always invisible

I want an optional line-breaking character that is always invisible that works with the <code>word-wrap: break-word;</code> CSS style.
Here are some specifics. My goal is to break apart long links in reasonable places. These characters are a good place to start: <code>-</code>, <code>.</code>, <code>_</code>, <code>/</code>, <code>\</code>. This is not a Rails-specific question, but I wanted to share some code I'm using now:
<pre><code class="hljs language-ruby">module ApplicationHelper
 def with_optional_line_breaks(text)
 text.gsub(%r{([-._/\\])}, '\1&#x26;shy;')
 end
end
</code></pre>
Here's the problem with the code above: when <code>&#x26;shy;</code> takes effect (in a table with: <code>word-wrap: break-word;</code>), <code>&#x26;shy;</code> gets displayed as <code>-</code>. I don't want to see the <code>-</code>; I want a line break without any character shown.
<hr>

I&#39;m looking to set a parent DIV as 70% of the full 100% screen height. I&#39;ve set the following CSS but it doesn&#39;t seem to do anything:

    body {
	font-family: &#39;Noto Sans&#39;, sans-serif;
	margin: 0 auto;
	height: 100%;
	width: 100%;
    }
    .header {
	height: 70%;
    }

For some reason it doesn&#39;t seem to be working though and the header isn&#39;t 70% of the screen size. Any advice?

DIV height set as percentage of screen?

I am Javascript beginner.

I am initing web page via the `window.onload`, I have to find bunch of elements by their class name (`slide`) and redistribute them into different nodes based on some logic. I have function `Distribute(element)` which takes an element as input and does the distribution. I want to do something like this (as outlined for example [here][1] or [here][2]):

    var slides = getElementsByClassName(&quot;slide&quot;);
    for(var i = 0; i &lt; slides.length; i++)
    {
       Distribute(slides[i]);
    }

however this does not do the magic for me, because `getElementsByClassName` does not actually return array, but a [`NodeList`][3], which is... 

**...this is my speculation...**

...being changed inside function `Distribute` (the DOM tree is being changed inside this function, and cloning of certain nodes happen). `For-each` loop structure does not help either.

The variable slides act&#39;s really un-deterministicaly, through every iteration it changes it&#39;s length and order of elements wildly.


What is the correct way to iterate through NodeList in my case? I was thinking about filling some temporary array, but am not sure how to do that...

**EDIT:**
---------

 

important fact I forgot to mention is that there might be one slide inside another, this is actually what changes the `slides` variable as I have just found out thanks to user [Alohci][4].

The solution for me was to clone each element into an array first and pass the array ono-by-one into `Distribute()` afterwards.


  [1]: https://stackoverflow.com/questions/5179798/javascript-getelementsbyclassname-always-returns-none
  [2]: https://stackoverflow.com/questions/3871547/js-iterating-over-result-of-getelementsbyclassname-using-array-foreach
  [3]: https://developer.mozilla.org/en-US/docs/DOM/NodeList
  [4]: https://stackoverflow.com/users/42585/alohci

How to correctly iterate through getElementsByClassName

How to make a `div` remain fixed after you scroll to that `div`? I have a `div` that is later in a page and you need to scroll to get to that `div`.

If I use:

    .divname {
      position: fixed;
    }

The `div` will appear before it should appear normally. Maybe a good example of what I need is second ad on [9gag][1]. If your screen resolution is low enough, you won&#39;t see that ad after you load the front page, but after you scroll down, you&#39;ll see the second ad and it will remain fixed while you scroll down.

  [1]: https://9gag.com/

How to make div fixed after you scroll to that div?

How can one remove a whole IndexedDB database from JavaScript, as opposed to just an object store? I&#39;m using the [IndexedDB shim](http://nparashuram.com/IndexedDBShim/), which may use WebSQL as its backend.

I&#39;d mainly like to know how to do this for the PhantomJS (headless) browser, although Chrome, Safari (on iPad) and IE10 are other important browsers.

How can I remove a whole IndexedDB database from JavaScript?

I have a textarea with 200px of height, but when I pass that 200px with text I want to have the textarea expanded instead of keeping the 200px of height with a scroll bar.

It is possible to do that only with CSS?

It is possible to expand a textarea only with CSS?

So here is what I have:

    &lt;path class=&quot;...&quot; onmousemove=&quot;show_tooltip(event,&#39;very long text 
        \\\n I would like to linebreak&#39;)&quot; onmouseout=&quot;hide_tooltip()&quot; d=&quot;...&quot;/&gt;

    &lt;rect class=&quot;tooltip_bg&quot; id=&quot;tooltip_bg&quot; ... /&gt;
    &lt;text class=&quot;tooltip&quot; id=&quot;tooltip&quot; ...&gt;Tooltip&lt;/text&gt;

    &lt;script&gt;
    &lt;![CDATA[
    function show_tooltip(e,text) {
		var tt = document.getElementById(&#39;tooltip&#39;);
		var bg = document.getElementById(&#39;tooltip_bg&#39;);
		
		// set position ...
		
		tt.textContent=text;
		
		bg.setAttribute(&#39;width&#39;,tt.getBBox().width+10);
		bg.setAttribute(&#39;height&#39;,tt.getBBox().height+6);
		
		// set visibility ...
    }
    ...

Now my very long tooltip text doesn&#39;t have a linebreak, even though if I use alert(); it shows me that the text actually DOES have two lines. (It contains a &quot;\&quot; though, how do I remove that one by the way?)  
I can&#39;t get CDATA to work anywhere.

How to linebreak an svg text within javascript?

How do I use JavaScript to detect

    &lt;br&gt;
    &lt;br&gt;
    &lt;br&gt;

to become one 

    &lt;br&gt;
?

I tried with:

    jQuery(&#39;body&#39;).html().replace(/(\&lt;br\&gt;\r\n){3, }/g,&quot;\n&quot;);

but this is not working for me.


Replace multiple &lt;br&gt;&#39;s with only one &lt;br&gt;

I was wondering if there is a CSS or javascript magic that could place a marker in an html text so that the browser know where the line break creation is preffered when the text gets cramped. Is there such thing?

Specifying a preferred line break point in HTML text in a responsive design

While writing [this answer][1], I had to match exclusively on linebreaks instead of using the `s`-flag (`dotall` - dot matches linebreaks).  

The sites usually used to test regular expressions behave differently when trying to match on `\n` or `\r\n`.

I noticed

 - Regex101 matches linebreaks only on `\n`   
([example][2] - delete `\r` and it matches)  


 - RegExr matches linebreaks _neither_ on `\n` _nor_ on `\r\n`  
and I can&#39;t find something to make it match a linebreak, except for the `m`-flag and `\s`   
([example][3])

 - Debuggex behaves even more different:  
in [this example][4] it matches only on `\r\n`, while  
[here][5] it only matches on `\n`, with the same flags and engine specified

I&#39;m fully aware of the `m`-flag (multiline - makes `^` match the start and `$` the end of a line), but sometimes this is not an option. Same with `\s`, as it matches tabs and spaces, too.    

My thought to use the unicode newline character ([`\u0085`][6]) wasn&#39;t successful, so:

 1. Is there a failsafe way to integrate the match on a linebreak (preferably regardless of the language used) into a regular expression?
 2. Why do the above mentioned sites behave differently (especially Debuggex, matching once only on `\n` and once only on `\r\n`)?


  [1]: https://stackoverflow.com/a/20043441/1807643
  [2]: http://regex101.com/r/yN9wD4
  [3]: http://regexr.com?378ck
  [4]: https://www.debuggex.com/r/uITaeQfcRwdQP_o-
  [5]: https://www.debuggex.com/r/LLeVEF4AhWMUbJ0V
  [6]: http://www.fileformat.info/info/unicode/char/0085/index.htm

Match linebreaks - \n or \r\n?

I have a small function I found that takes a string from a `textarea` and then puts it into a `canvas` element and wraps the text when the line gets too long. But it doesn&#39;t detect line breaks. This is what it&#39;s doing and what it should do:

Input:

    Hello

    This is dummy text that could be inside the text area.
    It will then get put into the canvas.

Wrong output:

    Hello this is dummy text
    that could be inside the
    text area. It will then
    get put into the canvas.

What it should output:

    Hello

    This is dummy text that
    could be inside the text
    area. It will then get
    put into the canvas.

This is the function I&#39;m using:

    function wrapText(context, text, x, y, maxWidth, lineHeight) {
        var words = text.split(&#39; &#39;);
        var line = &#39;&#39;;

        for(var n = 0; n &lt; words.length; n++) {
            var testLine = line + words[n] + &#39; &#39;;
            var metrics = context.measureText(testLine);
            var testWidth = metrics.width;
            if (testWidth &gt; maxWidth &amp;&amp; n &gt; 0) {
                context.fillText(line, x, y);
                line = words[n] + &#39; &#39;;
                y += lineHeight;
            }
            else {
                line = testLine;
            }
        }
        context.fillText(line, x, y);
    }

Is it possible to achieve what I&#39;m trying to get? Or is there a way to simply move the text area as is into the canvas?


Split string in JavaScript and detect line break

I am pulling a JSON file from a site and one of the strings received is:

&lt;!-- language: none --&gt;

    The Weeknd &amp;#8216;King Of The Fall&amp;#8217; [Video Premiere] | @TheWeeknd | #SoPhi

How can I convert things like `&amp;#8216` into the correct characters?

I&#39;ve made a Xcode Playground to demonstrate it:

    import UIKit

    var error: NSError?
    let blogUrl: NSURL = NSURL.URLWithString(&quot;http://sophisticatedignorance.net/api/get_recent_summary/&quot;)
    let jsonData = NSData(contentsOfURL: blogUrl)

    let dataDictionary = NSJSONSerialization.JSONObjectWithData(jsonData, options: nil, error: &amp;error) as NSDictionary

    var a = dataDictionary[&quot;posts&quot;] as NSArray

    println(a[0][&quot;title&quot;])




How do I decode HTML entities in Swift?

I am revising some **XHTML** files authored by another party. As part of this effort, I am doing some bulk editing via **Linq to XML**.

I&#39;ve just noticed that some of the original source XHTML files contain the [`&amp;quot;` HTML entity][1] in text nodes within those files. For instance:

&lt;!-- language: lang-html --&gt;

    &lt;p&gt;Greeting: &amp;quot;Hello, World!&amp;quot;&lt;/p&gt;

And that when recovering the XHTML text via [XElement.ToString()][2], the **`&amp;quot;`** entities are being replaced by **plain double-quotes**:

&lt;!-- language: lang-html --&gt;

    &lt;p&gt;Greeting: &quot;Hello, World!&quot;&lt;/p&gt;

**Question:** Can anyone tell me what the motivation might have been for the original author to use the `&amp;quot;` entities instead of plain double-quotes? Did those entities serve a purpose which I don&#39;t fully appreciate? Or, were they truly unnecessary as I suspect?

I do understand that **`&amp;quot;`** would be necessary in certain contexts, such as when there is a need to place a double-quote within an HTML attribute. For instance:

&lt;!-- language: lang-html --&gt;

    &lt;a href=&quot;/images/hello_world.jpg&quot; alt=&quot;Greeting: &amp;quot;Hello, World!&amp;quot;&quot;&gt;
      Greeting&lt;/a&gt;

  [1]: http://www.fileformat.info/info/unicode/char/22/index.htm
  [2]: http://msdn.microsoft.com/en-us/library/bb341005%28v=vs.110%29.aspx


Uses for the &#39;&amp;quot;&#39; entity in HTML

By creating a variable

    var a = &#39;something&#39; + &#39;        &#39; + &#39;something&#39;

I get this value: `&#39;something something&#39;`.

How can I create a string with multiple spaces on it in JavaScript?

How to create string with multiple spaces in JavaScript

I am looking for a basic information icon like this:

&lt;img src=&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Infobox_info_icon.svg/1024px-Infobox_info_icon.svg.png&quot; width=&quot;50&quot; /&gt;

Is there an HTML entity for an info icon?

While solving a little bug on a website caused by a non-breaking space (`&amp;nbsp;`) I was wondering if there&#39;s an opposite.

Is there an HTML code for a breaking space, and if so, what is it?

I saw mention in [this question][1] about a zero-width space (`&amp;#8203;`), but that won&#39;t give any width (obviously).

Does an HTML entity exist for a regular space?

  [1]: https://stackoverflow.com/questions/14615268/html-opposite-of-non-breaking-space





Content Type	Original Author	Original Content on Stackoverflow
Question	David J.	View Question on Stackoverflow
Solution 1 - Html	David J.	View Answer on Stackoverflow
Solution 2 - Html	Aaron Maenpaa	View Answer on Stackoverflow
Solution 3 - Html	Geoff Kendall	View Answer on Stackoverflow

Optional line-breaking HTML entity that is always invisible

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

How can I create objects while adding them into a vector?

add an element to int [] array in java

Attributions