ブログに引用したURLがスマホで横に見切れてしまったときの解決方法2019年9月11日ブログに引用したURLがスマホで横に見切れてしまったときの解決方法ブログ運営スポンサーリンクスマホで見たときに、引用として記載したURLが横に見切れてしまいました。こんなことってよくありますよね?これは、英字で書かれているURLが1つの単語として認識しまっていることが原因だと判明しました。そこで、英字の途中でも改行をするという指定をCSSに追記し解決することができました。まとめCSSの基本構造CSSへの追記といきなり言われても意味不明の文字の羅列です。CSS基本書式はめちゃくちゃ簡単です。CSSの基本書式はセレクタ{プロパティ:値;}となっています。それぞれの意味はセレクタ→どこプロパティ→何を値→どうするです。break-word;}今回の場合セレクタ(どこに)→引用部分(=blockquote)プロパティ(何を)→改行調整(=word-wrap)値(どうする)→(必要に応じて)単語の途中でも改行をする(=break-word)と追記をしました。セレクタの部分は、引用としてblockquoteという引用のタグで囲っている部分がどこに当たります。続いてプロパティの部分でword-wrap(=改行調整の意味)が何をに当たります。最後に単語の途中でも改行がどうするにあたることになります。これにより無事解決になりました。スポンサーリンクまとめURLは、表の中に記載する場合などもありパソコンだとおさまっているのにスマホだとおさまっていないというケースが結構あります。その時には、上記の方法でCSSへ追記をしてURLの改行を強制的に行う指定をしてみてください。コメントをキャンセル※メールアドレスは公開されません。付いている欄は必須項目です。コメント内容に問題なければ、下記の「コメント送信」ボタンを押してください。人へ伝えることの正解は1つではない。すべらない話の芸人がなぜ面白いのか?ブログ運営2017年10月29日ブログの本質とは?私はEBCで学び人生が180度変わりました。サイト運営者向けポリシー違反レポート』のメールが来た時の対処法ブログ運営2019年8月27日ブログ記事が書けない理由は?継続して書く考え方のポイントは『背伸びしない』プロフィールコースケ『人との出会いを大切にする』『本当に好きなことを徹底的に書く』をモットーにする昭和59年生まれのブロガー。人生を大きく変えてくれた妻(子ども)ブログサッカーの3つをテーマにしています。体験談!ジャニーズjrオーディションを合格するため...35歳で初の若白髪染めでクイックカラーQに行ってみ...東京駅から丸善書店(MARUZEN)までの行き方...サッカー4級審判講習会に行ってきた!講習内容やスケ...ドッカンバトルのアンインストール時のデータ復活する...スタジオアリスは待ち時間が長すぎる!!パパ目線とマ...簿記2級不合格から考えた3つの改善策。