javascript - How to apply ellipsis to outer span with inline block? -


i have html tag, in want add ellipsis outer element , inside span have inline-block.

html :

<span class="ellipsis">    <span class="tag">test</span>    <span class="tag">test1</span>    <span class="tag">test2</span>    <span class="tag">test3</span>    <span class="tag">test4</span>    <span class="tag">test5</span>    <span class="tag">test6</span>    <span class="tag">test7</span> </span> 

css :

.ellipsis {       width: 100px;       display: inline-block;       white-space: nowrap;       overflow: hidden;       text-overflow: ellipsis;  }  .tag {       display : inline-block;       background-color : green;  } 

demo

this doesnt work..


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -