質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

957閲覧

HTMLの<pre>を使用した際に、1行目に対して謎のスペースがつく

hardmodeLife

総合スコア10

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

2クリップ

投稿2019/08/11 06:31

掲示板を作成しております。

掲示板の内容の部分を、入力の際は<textarea>で改行等含め入力してテーブルに保存をします。
その情報を閲覧する際に、phpのprintを<pre>ではさんで、その改行も反映されるようにしていました。
<td><pre><?php print(***); ?></pre></td>)のようになっています)

しかし、下図のように1行目の前にスペースがいくつかはいってしまいます。

イメージ説明
ただ、

phpmyadminでテーブルのデータを確認する際は特にこのスペースは表示されません。
CSSでは特にpadding等の指定はしておりません。

ちょっと検索の仕方が下手なのか、いまいち解決策を見つけられませんでした。
教えてください。(何を言ってるのかわからない点があったら教えてください。)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

think49

2019/08/11 06:39 編集

Webブラウザで出力されたHTMLソースを表示した場合、<pre> と aaa の間に「空白文字」がありませんか。
kei344

2019/08/11 06:42

出力されたHTML(ブラウザで「ページのソースを表示」)を質問文に追記ください。
m.ts10806

2019/08/11 07:56

PHPコードも関係してないとは言い切れないのでタグに「PHP」を追加し、コードを追加してください。 何を言っているかはわかりますが、実際のデータとコードがないことには誰も再現確認できませんので
guest

回答1

0

自己解決

<pre>の前でちょうど改行していて、見やすいように並べていたのですがその空白部分が反映されていたようです。 お騒がせしてすみませんでした。解決しました。 今後は<pre>の前後は変に空白を開けないようにします。

投稿2019/08/12 07:10

hardmodeLife

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問