アプリ版:「スタンプのみでお礼する」機能のリリースについて

教えてください。

<p>あいうえおかきくけこさしすせそたちつてと</p>
<p>あいうえおかきくけこさしすせそたちつてと</p>
というコードを書きました。表示をさせると、なぜか
----------------------------------------------
 あいうえおかきくけこさしすせそたちつてと
 あいうえおかきくけこさしすせ
 そたちつてと
----------------------------------------------
のように、同じページ内で、文字の大きさを変えたわけでも、使ったタグを変えているわけでもないのに、1列あたりの文字数が違い、勝手に改行される現象が起きてしまいます。
これはなぜでしょうか?

ちなみに、同じような見た目にしたいと思い、<br>を追加しました。
<p>あいうえおかきくけこさしすせ<br>そたちつてと</p>
<p>あいうえおかきくけこさしすせそたちつてと</p>

すると、こうなりました・・・
----------------------------------------------
  あいうえおかきくけこさしすせ
そたちつてと
 あいうえおかきくけこさしすせ
 そたちつてと
----------------------------------------------

要は、何もしていないのになぜか1文字目の文字が引っ込んだり、飛び出たり、文字列がバラバラで見た目が悪くなります。

原因や解決方法があれば教えてください。

A 回答 (3件)

こんにちは



普通に素のHTMLだけであれば、ご質問のような表示にはならないと思います。
質問者様が気付いていないけれど、何かの制御がかかっているのではないでしょうか。

ちなみに、以下の内容をそのままコピペでHTMLファイルにして表示してみても、同じことが起こるでしょうか?

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title></head>
<body>
<p>あいうえおかきくけこさしすせそたちつてと</p>
<p>あいうえおかきくけこさしすせそたちつてと</p>
<p>あいうえおかきくけこさしすせ<br />そたちつてと</p>
</body>
</html>
    • good
    • 1
この回答へのお礼

こんばんは。詳しくご回答いただきありがとうございました!
入れてみたところ、きちんと表示されました。※といっても、サイトのコードに追加をしたのではなく、メモ帳で新しくhtml保存しましたが。

皆さんの回答を読む限り、HTML以外での設定が問題のようですね。勉強になります。
HTMLも大事と思いますが、むしろそれにさまざまな肉付けを行うCSSやJavaScriptの方を勉強した方がいいのではと思いました。
この後再復習します。ありがとうございます。

お礼日時:2019/08/01 20:38

それCSSで<p>に設定入ってるんじゃん。

    • good
    • 1
この回答へのお礼

ありがとうございます!HTML以外の設定が原因だとは気がつきませんでした。
CSSの編集はどちらの画面で行えばいいのでしょうか?F12キーを押して、管理者画面を出して直せばよいのでしょうか?
管理者画面をいじると、その場では表示が変わりますが、保存がされません。

お礼日時:2019/08/01 20:40

styleに↓のような記述があればこの現象が発生すると思います。



p + p{
 ここにwidthとかfont-sizeの設定
}
    • good
    • 1
この回答へのお礼

ありがとうございます!styleですか。
こちらは、CSSのタグの一種ですか?そういえば、<p style color:xxx;>みたいなコードを見た気がします。

お礼日時:2019/08/01 20:41

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!