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

Popular posts from this blog

javascript - How to get current YouTube IDs via iMacros? -

c# - Maintaining a program folder in program files out of date? -

emulation - Android map show my location didn't work -