html - How to add an image in the end of every wrapped line? -
assuming have div
container contains multiline text , of these lines wrapped.
is possible add image indicate particular line wrapped, not line separated <br>
?
a desired sample notepad++:
a sandbox: http://jsfiddle.net/yl9gu/
i doubt can done without changing brs divs because seems brs hard style:
here simple pure css solution requires brs changed divs (possibly javascript):
#text { border: 1px solid black; width: 300px; } #text div { line-height: 16px; background: url(http://cdn.sstatic.net/stackoverflow/img/favicon.ico); background-repeat: repeat-y; background-position: right top; } #text div:after { float: right; width: 16px; height: 16px; background-color: white; content: " "; }
if can satisfied js solution maybe here help:
Comments
Post a Comment