ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 小説の文章の変な改行について 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 とんかつ iPhone こんにちは。 調べたのですが、どうにもわからないため質問させていただきます。 小説を書いているのですが、文章の長さによっては句読点のみが次の行にいってしまいます。 前の行におさめるか、直前の文字とともに改行してほしいのですがやり方がわかりません。 教えていただけると幸いです。 ちなみにheadと文章画面デザイン編集は以下のような設定にしています。 (関係のないところものせています) 【head】 /* 全体に適用する */ * { padding: 0; margin: 0; box-sizing: border-box; font-weight: normal; font-family: 'Noto Serif JP', serif; } /* 基本設定 */ body { text-align: center; background-color: #fff; line-height: 2.0; letter-spacing: 0.1em; font-size: 13px; color: #000; } /* リンク */ a { text-decoration: none; border-bottom: thin solid #e3acae; color: #000; } /* ヘッダー */ header { margin: 0 auto 2.5em; padding: 1.5em 0; max-width: 500px; background: url('画像URL') center/cover; } header #head { padding: 5em 0; background-color: rgba(255, 255, 255, 0.5); } /* 見出し */ header #head h1 { position: relative; margin: 0 auto; width: 80%; letter-spacing: 0.4em; text-indent: 0.4em; font-size: 1.3em; } /* フォントの指定 */ header #head h1, article h1 { font-family: 'はれのそら明朝', 'Noto Serif JP', serif; } /* 鍵括弧 */ header #head h1::before, header #head h1::after { position: absolute; content: ''; display: block; width: 15px; height: 25px; } header #head h1::before { top: -0.5em; left: 0; border-top: thin solid #000; border-left: thin solid #000; } header #head h1::after { right: 0; bottom: -0.5em; border-right: thin solid #000; border-bottom: thin solid #000; } /* セクションとアーティクル */ section, article { width: 80%; max-width: 500px; margin: 2.5em auto; font-size: 13px; } /* 見出し */ section h2 { font-family: 'Cedarville Cursive', cursive; } section ul p { color: #808080; } /* 左寄せ */ .left, article { text-align: justify; word-break: break-all; } .left ul { margin-left: 1em; padding-left: 1em; border-left: 2px solid #efefef; } /* 右寄せ */ .right { text-align: right; } .right ul { margin-right: 1em; padding-right: 1em; border-right: 2px solid #efefef; } /* 中央寄せ */ .center ul { margin: 0.5em 1em; border-left: 2px solid #efefef; border-right: 2px solid #efefef; } /* 横並び */ .float li { display: inline-block; } /* アーティクル見出し */ article h1 { margin-bottom: 1em; text-align: center; } 【文章画面デザイン】 >を削っています <center <article #text# <ul class="menu" <li#prev_prev_#</li <li#novel6_index#</li <li#next_next_#</li </ul < /article #top# </center 12/21 12:27 返信 コメント投稿 検索 2 とんかつ iPhone >>1 たくさん紹介していただきありがとうございました! @HEAD編集に以下を入力 p { word-break: normal; } A文章画面デザイン編集の#text#を囲む <p> #text# </p> 上記の方法でできました! ありがとうございます! 12/22 21:05 返信 1 Anonymous Chrome 下記のサイトをご覧ください。 もしかしたら解決に近づくかも CSSで禁則処理のおすすめ - 青いやつの進捗日記。手動で文章に改行を入れたくない。 wemo.tech 禁則処理、例えば句読点(,や.)が文章の先頭に来ないようにとか。 どこまでを禁則にするかによりますが、単語レベルで単語中では改行しないように、とかも出来ます。これらを改行調整することなく良い感じに自動でやってくれるんですね。 今回は日本語限定の話。英語と日本語ではどうやら挙動が違うらしい。厳密にはCJK(中国語、日本語、韓国語)が挙動が違うらしい。 word-break developer.mozilla.org keep-allは改行を許可しない。結果箱から溢れる。 ただ句読点とか記号入れると箱から溢れそうなら記号で改行。 break-a…tech.motoki-watanabe.net /*他に→*/ 改行の扱い white word line/csslab.agr.hokudai.ac.jp 【CSS】 テキストを折り返す方法!自動で改行・レスポンシブにも対応 | creive「テキストが中途半端なところで折り返される」 「英語や文字がはみ出てしまう」 こんな悩みを持ったことはありませんか? 小さなことですが、サイトの印象に関わる深刻な悩みの一つです。 例えば、見出しに英語が含まれていて、それ...creive.me word-break - CSS: カスケーディングスタイルシート | MDNword-break は CSS のプロパティで、改行しなければテキストがコンテンツボックスからあふれる場合に、ブラウザーが改行を挿入するかどうかを指定します。developer.mozilla.org 改行を自動で!CSSで文字列を折り返しする方法【初心者向け】現役Webデザイナーが解説 | TechAcademyマガジン初心者向けにCSSで文字列を折り返す方法について解説しています。サイト内の文章が長いときに自動で改行し、レイアウトを整えてくれます。実際にコードを書きながら例をもとに説明しているので、ぜひご覧ください。techacademy.jp 1 12/22 19:14 返信 1ページ中1ページ目 1146 view 残り書き込み 9998 件 人気スレ 更新できなくて、困っています 2019年11月07日 19時38分 13 コメント送信時の情報表示について 2023年09月16日 13時29分 6 章がうまくいかない NEW! 2024年05月12日 15時45分 1 名前変換について 2020年05月15日 01時48分 2 関連スレ メールフォームの表示について 2024年02月29日 20時55分 3 ユーザー助け合い掲示板 ログインについて 2024年02月12日 21時06分 1 ユーザー助け合い掲示板 ブログノートのコメントとハッシュタグについて教えて下さい 2023年12月25日 03時42分 6 ユーザー助け合い掲示板 伸びてくる広告について 2023年12月25日 03時39分 4 要望掲示板 ホームページのデザインについて教えて下さい 2023年09月28日 21時21分 3 ユーザー助け合い掲示板 掲示板TOPへ サイトTOPへ ALICE+サポート