カレンダー
| 12 | 2025/01 | 02 |
| S | M | T | W | T | F | S |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
リンク
フルみっくすプレーヤー
マイリスト
顔文字
ミニ本棚
最新記事
(12/31)
(09/08)
(07/29)
(04/30)
(02/21)
プロフィール
ＨＮ：
朝霧 翔
年齢：
34
ＨＰ：
性別：
非公開
誕生日：
1990/03/31
職業：
しゃかいじーん
趣味：
PC/漫画/ゲーム
自己紹介：
唯一の可愛い特性が動物好き。それ以外は変な物好き。
両目ガン見開いて「なんぞこれ？！」と思えるものが基本的に大好きです。例えば深海魚だったり見た目気持ち悪い植物だったり、擬態とか威嚇したときの生き物だったり。
あとはデフォルト装備ですがパソコン好きです。
両目ガン見開いて「なんぞこれ？！」と思えるものが基本的に大好きです。例えば深海魚だったり見た目気持ち悪い植物だったり、擬態とか威嚇したときの生き物だったり。
あとはデフォルト装備ですがパソコン好きです。
最新CM
[08/18 朝霧＠ウーロン茶でいい気がしてきました]
[08/15 劉 舞]
[02/19 朝霧翔]
[02/19 onod]
[02/16 朝霧翔]
最新TB
ブログ内検索
フリーエリア
変人日記。「自分が変人である事くらい小学校の頃から理解しているさ」とか堂々と言う程度の管理人がぐちぐち書いてます
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
preタグを使うと横幅指定が無効化(?)されることに今更ながら気付きました。
とりあえずこちらを↓
<div style="width: 150px">
あああああああああああああああああああああああああああああああああああああああああ
</div>
↓
あああああああああああああああああああああああああああああああああああああああああ
こうすると、divタグに指定した横幅の通り表示され、溢れた部分は改行されるのですが
<div style="width: 150px">
<pre>あああああああああああああああああああああああああああああああああああああああああ</pre>
</div>
↓
こうすると折り返されずに表示されてしまいます。
これの対処法として、以下のスタイルシートを適用させます。
.tekitou {
white-space: -moz-pre-wrap; /* FireFox用 */
word-wrap: break-word; /* IE用 */
}
これで改行されると思われます↓
あああああああああああああああああああああああああああああああああああああああああ
ちなみに、CSS3から
white-space: pre-wrap;
も使用できるそうです。
それだけ。
自分用のメモ的な感じで。
とりあえずこちらを↓
<div style="width: 150px">
あああああああああああああああああああああああああああああああああああああああああ
</div>
↓
あああああああああああああああああああああああああああああああああああああああああ
こうすると、divタグに指定した横幅の通り表示され、溢れた部分は改行されるのですが
<div style="width: 150px">
<pre>あああああああああああああああああああああああああああああああああああああああああ</pre>
</div>
↓
あああああああああああああああああああああああああああああああああああああああああ
こうすると折り返されずに表示されてしまいます。
これの対処法として、以下のスタイルシートを適用させます。
.tekitou {
white-space: -moz-pre-wrap; /* FireFox用 */
word-wrap: break-word; /* IE用 */
}
これで改行されると思われます↓
あああああああああああああああああああああああああああああああああああああああああ
ちなみに、CSS3から
white-space: pre-wrap;
も使用できるそうです。
それだけ。
自分用のメモ的な感じで。
[0回]
PR
この記事にコメントする