ラベルの使用 <プレ> で HTML es una manera sencilla de visualizar 形式と内容. いくつかの部分を表示するときに使われる ソース コード その他はそのテキストの入力または 外観 行きます 異なる web サイトで使用されている通常の.
このタグを使用するには, これは、任意のスタイルを持たない場合, 通常のものは、ときに、画面サイズが小さいデバイスに表示, 内のテキストは、します。 容器から.
として 例, a continuación vemos 2 つのテキスト, タグ内の 1 つ <p> ,縁赤, 別のラベル <プレ> con borde verde.
あなたが見ることができます。, 画面によって この記事の表示場所からデバイスの, 場合は、ラベル内のテキスト <プレ> 適合しません。 コンテナーにフルで, これ 出てくる 同じの.
ため 修正プログラム この問題, 我々 がしなければ スタイルを変更します。 ラベルの <プレ> 追加します。 los siguientes 属性 に、 CSS:
1 2 3 4 5 6 7 8 | pre { border: 1px solid green; white-space: pre-wrap; /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } |
取得、 結果 次に示す方法:
あなたはそれを見ることができる、 タブ コード CSS.
この方法では, あなたはそれを行うことができます、 コンテンツ ホストされている、 タグ <プレ> コンテナー外ではないです。, あります。 適応 同時に, 画面のサイズによっては.
私達にコメントを残すかへの入力、フォーラム
