【スマホでの改行位置を自由自在に変更する方法】 - Webサイト専門プログラマの言いたい放題

f:id:wp-lesson:20170331215655j:plain

スマホに対応したホームページやブログでは、
文章の途中で改行（折り返し）する場所が思い通りに
ならないことがあります。
　
このように１行の文字数が少ない行は、
パソコンで見てもスマホで見ても、
同じ場所で改行されます。
　
このように１行の文字数が多い行は、パソコンで見たときとスマホで見たときとで、
改行される場所がずれてしまいます。
　
もしも、
　
「パソコンで見たときはこの場所で改行したい」
「でもスマホで見たときはここで改行したい」
　
というように、改行する場所を別々に指定できたら、
誰が見ても違和感なくすっきりと文章を見てもらえます。
　
実は、ごく基本的なHTMLとCSSを知っておくだけで、
パソコンとスマホの改行場所を別々に指定することが
可能になってしまいます。
　
　
・改行を表すHTMLタグ
・HTMLタグの表示方法を指定するCSS
・パソコンとスマホでCSSを分ける書き方
　
　
この３つの基本を組み合わせると、
改行の場所だけでなく、ありとあらゆる表示を
パソコンとスマホで分けることができます。
　

PR

CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『WordPressのツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/