教えて下さい。
例えば、下記のように果物の名前を羅列する場合
�@
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・りんご　　・バナナ　　・みかん　　・メロン
・マンゴー　　・パイナップル　　・ぶどう
・すいか　　・さくらんぼ　　・キウイフルーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
果物と果物の間を２マス開けてパソコン上では見栄えよく
配置できてるように見えても、スマホだと改行される行が
変わってしまい、綺麗に見えません。
例えばこんな感じ↓
�A
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・りんご　　・バナナ　　・みか
ん　　・メロン・マンゴー　　・
パイナップル　　・ぶどう・すい
か　　・さくらんぼ　　・キウイ
フルーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
これを、スマホ上では、１つの単語で行をまたがないように
表示する方法とかはありますか？
例えばこんな風に↓
�B
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・りんご　　・バナナ
・みかん　　・メロン
・マンゴー　　・パイナップル
・ぶどう・すいか
・さくらんぼ
・キウイフルーツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

PC表示は�@、スマホ表示は�Bのようになる方法があれば教えて下さい。

編集

皆様、分かり易いご回答ありがとうございました。
上手く表示できました！！！

編集

横幅を半角文字数で指定するような感じで
JavaScriptを使って上手く出来ないものでしょうかね。

編集

以下のものをまんまコピーしてみてください。
PCとスマホで見せる内容を切り替える手段（うみほしさん案の詳解）。
できたらブラウザの横幅を縮めたり伸ばしたりして試してください。
文字でも画像でも使えます。（多分、他の何を入れてもPC/Mobile切り替え可？）
下でtomozoさんが書かれている通り、「制御」しようとするとプログラムが必要なので
簡易的に見せるものを変えて対処する考え。

↓ここからコピー
#only_pc{{
・りんご　　・バナナ　　・みかん　　・メロン
・マンゴー　　・パイナップル　　・ぶどう
・すいか　　・さくらんぼ　　・キウイフルーツ
}}

#only_mobile{{
・りんご　　・バナナ
・みかん　　・メロン
・マンゴー　　・パイナップル
・ぶどう・すいか
・さくらんぼ
・キウイフルーツ
}}
↑ここまで

↓HAIK簡易マニュアル参考ページ
http://manual.haik-cms.jp/index.php?only_pc
http://manual.haik-cms.jp/index.php?only_mobile

編集

> PC表示は�@、スマホ表示は�Bのようになる方法があれば教えて下さい。

これは無理だと思います。
理由：�Bは一行内に2項目入っている行と、1項目の行があるので、これはプログラムで制御しないとこのような表示は無理です。
ただし、1行内に1項目だけなら可能です。

編集

HAIKのレスポンシブ動作でうまく表示できないなら，
モバイルオンリーとPCオンリーのプラグインで使い分けるしかないかな？

★この掲示板の使い方をお読みください。タイトルでは【　】に分類を書くようにしてください。

編集