HTML text in div go to next line automatically for some text in Android 4.4.2 -
some text (not all) in div go new line while text not reach max width of div. example:
long text, in view show correctly: "umi teriyaki & sushi", text placed on same line in div.
html:
<listitem><div style="width: 100%;background-color: white; margin-bottom: 1px;"> <div class="row"> <div class="col"> <div class="row font-weight-bold ng-binding">umi teriyaki & sushi</div> <div class="row ng-binding">montreal road</div> </div> </div> </div> </listitem>
result in browser:
umi teriyaki & sushi montreal road
but shorter text: "macs sushi", "macs" , "sushi" placed on 2 seperated lines in div => expect these text placed on same line because text length not reach max width of div no need go new line.
html:
<listitem><div style="width: 100%;background-color: white; margin-bottom: 1px;"> <div class="row"> <div class="col"> <div class="row font-weight-bold ng-binding">macs sushi</div> <div class="row ng-binding">bayshore drive</div> </div> </div> </div> </listitem>
result in browser:
macs sushi bayshore drive
can paste code?
edit there's no problem code in div. <listitem>
, <div>
's fine themselves.
it's more width of div on page problem. don't know sure without seeing more of code.
you try giving <div>
in question background color see it's actual size.
Comments
Post a Comment