Androidの標準ブラウザで、テキストが自動改行（２）

Androidの標準ブラウザ（地球儀アイコン）の自動改行とは

Androidのバージョンにより、Androidの標準ブラウザ（地球儀アイコン）でwebページを閲覧した際に、長めのテキスト部分が勝手に自動改行（小さな画面のスマートフォン向けに見やすくするためらしいですが…）されてしまいます。これは、テキストを扱うことができる主なhtmlタグのほとんどで発生します。

◆ htmlの各種タグのテスト

以下のオレンジ色のボーダー（親要素div）で囲まれた部分がサンプルです。Android標準ブラウザ（地球儀アイコン）で閲覧することを想定しています。「Android 4.1.1画面480×800・標準ブラウザ（地球儀アイコン）」の環境の場合、以下のケースすべてで自動改行が発生しました。「Android 4.4.2画面600×1024・標準ブラウザ」では、問題ありません。また、標準ブラウザ（地球儀アイコン）以外のブラウザも問題ありません。

ブロックレベル要素

（１）<p>テキスト</p>

（２）<div>テキスト</div>

（３）<ul><li>テキスト</li></ul>

（４）<table><tr><td>テキスト</td></tr></table>

（５）<dl><dt>テキスト1</dt><dd>テキスト2</dd></dl>

[ダミーテキスト]

ポイントカードを発行し、商品の購入者に対し，次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

インライン要素

（６）<span>テキスト</span>

（７）<a>テキスト</a>

◆ 自動改行させないようにする

ブロックレベル要素

（１）<p style="background: #ffffff;">テキスト</p>

（２）<div style="background: #ffffff;">テキスト</div>

（３）<ul><li style="background: #ffffff;">テキスト</li></ul>

（４）<table><tr><td style="background: #ffffff;">テキスト</td></tr></table>

（５）<dl><dt>テキスト1</dt><dd style="background: #ffffff;">テキスト2</dd></dl>

[ダミーテキスト]

ポイントカードを発行し、商品の購入者に対し，次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。

インライン要素

（６）<div style="background: #ffffff;"><span>テキスト</span></div>

（７）<a style="display:inline-block; background: #ffffff;">テキスト</a>

ブロックレベル要素、インライン要素と入れ子