2016-04-25 2 views
1

div内の一部のテキスト(すべてではない)が、divの最大幅に達していない間に突然改行します。例:
この長いテキストを正しく表示すると、「UMI TERIYAKI & SUSHI」と表示されます。このテキストは、自分のdivの同じ行に配置されます。
私のHTML:ブラウザで
divのHTMLテキストAndroidの一部のテキストで自動的に次の行に移動4.4.2

<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> 

結果:

UMI TERIYAKI & SUSHI 
MONTREAL ROAD 

しかし、この短いテキストを
: "MACSのSUSHI"、 "MACS" と "SUSHI" は2本の区切りのライン上に置かれています私のdiv =>テキストの長さが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">MACS SUSHI</div> 
     <div class="row ng-binding">BAYSHORE DRIVE</div> 
    </div> 

    </div> 
</div> 
</listitem> 

結果:

MACS 
SUSHI 
BAYSHORE DRIVE 
+0

こんにちは。私たちがより理解できるように、より多くの文脈を加えるべきです。あなたはコルドバを使っていますか?または、バニラのWebビュー?あなたはあなたのhtmlの完全な抽出ができますか?少なくともdivとその親。ありがとう。 –

+0

申し訳ありません、私はこのウェブサイトで質問しました。私は質問を編集しました。もしあなたが何かを考えたら助けてください。 –

答えて

0

あなたは、コードを貼り付けることはできますか?

divのコードに問題はありません。 <listitem><div>はそれ自身で問題ありません。

ページのdivの幅が問題になる可能性があります。しかし、私はコードの多くを見ることなく、わからない。

質問の<div>に背景色を与えて、実際のサイズを確認してください。

+0

私はソースコードを追加しました –

+1

@brtはCSSコードも意味すると思います。どのようなint CSSクラスのcolまたは行などを知るために... 私はあなたの問題を既に解決したと思うかもしれませんが、多分あなたは&を直接使用するのは避けてください。&はxmlのために予約されたxml charですエンティティ。 –

関連する問題