なんだか幸せな(脱)貧(希望)ブログ

ときどき反省~HYPER~

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

激しく動揺したのでメモ

たぶん、のちのちアフェリメインの情報サイトに載せると思うのだけど、昨日からず~っと悩まされていたあのテキスト問題が解決した。
その原因と解決法が、私を激しく動揺させてくれた。

サムネ部分のテキストをサンプルとしてtexttext~(中略)textというように、半角英字を入力して、様子を見ていたのね。
そしたら、リスト(UL)を使っても、別リストで使った定義リスト(DL)を使っても、ただのDIVを使っても、用意したワイドを無視して、突き抜けてしまう。
もちろん、自動改行の禁止タグなんて使ってやしない。

昨日今日と24時間どころか36時間もタイプミスやら、定義ミスやらを再三チェックしては、違うタグを使ってみて、ということの繰り返しだった中で、さきほど、HTML内のサンプルテキストを「ああああああああああ」としてみた。

まさかねぇ。

そんな諦めの中、リロードすると、問題なく表示されている。
あれ?

ネットで自動改行のことを調べてみるが、どこの参考書にも載っているようなタグの解説しか見当たらない。
半角数字というキーワードを入れてみたら、いた!!
同じ現象で悩んだ先輩が!

cssでword-break:break-allを指定することで、改行の指定ができる。
この場合は、単語の途中であっても、改行してしまうというもの。
ちなみに、IE限定で禁則処理の拡張機能があって、そのタグline-breakとは多少意味合いが違う。
こちらは、IE以外は標準で禁則処理を行っているという前提がある中での、normal(通常の禁則処理を行う)、strict(より厳密な禁則処理を行う)という選択肢なのである。

何にせよ、日本語、つまり2バイト文字を用いてのテキスト表現であれば、影響を受けないと考えられる問題だったのである。
さらに補足すれば、1バイト文字である半角英数字であっても、文章を作る場合、単語ごとにスペースを入れることになる。そうなると、単語間のスペースを感じ取り、適当に改行し、テキストが突き抜けて、ガンダーラにでも行ってしまったような見た目にはならないのだろう。
まあ、よくよく考えれば、単語の途中で改行しないのが通常の禁則処理だよね。

1バイト文字を続けて打ち込んだ場合、それを一語と解釈して、

「単語だとわかるように、改行なんぞ入れない!」

そんな親切心なんだろう。
ちなみに、文章ではなく、見た目だけでのことであれば、単語を壊して、かつ、はみ出した部分はoverflow:hidden;で隠すと思い通りに表現できそう。

あまり、こんなうっかりをする人はいないかとも思うけれど、やってしまった場合、かなり焦るはず。
焦ったら、コンテンツの中身、というより、HPとして出したい情報の部分を全角にしてみるといいのかもしれない。

う~ん、このサイトの次に作るのは、英字サイトの予定だ。
頭が痛いなぁ。
  1. 2010/05/23(日) 23:21:40|
  2. PC絡みのいろいろ
  3. | トラックバック:0
  4. | コメント:0
<<失敗したぁ | ホーム | 若さゆえの暴走>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://mu27.blog81.fc2.com/tb.php/476-daa21e2b
この記事にトラックバックする(FC2ブログユーザー)
拍手する

リンク

現在の位置

ときどき反省~HYPER~
 トップページ
  ├ 月別アーカイブ
  |  └ --年--月 --日 (--)
  ├ カテゴリー
  |  └ スポンサー広告
  └ スポンサーサイト
ときどき反省~HYPER~
 トップページ
  ├ 月別アーカイブ
  |  └ 2010年05月 23日 (日)
  ├ カテゴリー
  |  └ PC絡みのいろいろ
  └ 激しく動揺したのでメモ
by AlphaWolfy

カレンダー

05 | 2017/06 | 07
- - - - 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 -

RSSリンクの表示

カテゴリ

徒然なるままに (531)
反省!?&浪費!? (13)
ネット&丘サーファーじゃない日 (12)
新たなる挑戦 (26)
ちょっと素敵!?恋愛のススメ (13)
姉さん!事件です (70)
密かな楽しみ (34)
感謝!!の気持ちを込めて (30)
目指せ!!菓子職人!? (8)
創作メモ (22)
お知らせ (26)
日本の魅力探索中! (27)
世界の果てまで行ってみる・・・か? (16)
PC絡みのいろいろ (29)
写真のこと (30)

最新記事

月別アーカイブ

メールフォーム

名前:
メール:
件名:
本文:

最新コメント

プロフィール

mujina

Author:mujina

フィクションの小説よりスリリング。
信じがたい毎日を書き綴ってます。

人生って奥深い・・・。

FC2ブログランキング

FC2Blog Ranking

検索フォーム

ブロとも申請フォーム

この人とブロともになる

QRコード

QRコード

FC2カウンター

  1. 無料アクセス解析
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。
content=url