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; }
this doesnt work..
Comments
Post a Comment