Firefoxは全角英数字を半角英数字と同じように扱う

2006年12月23日 kits css, comment Firefoxでは全角英数字の並びにも半角と同様の禁則処理が入る様子。

はてなブックマーク - フロートの配置がUAごとに違っていた：メモランダム

そういうことらしい。下のようなXHTML文書を表示させてみると、

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  <head>
    <title>サンプル文書</title>
    <style type="text/css">
* { margin: 0; padding : 0 }
p {
 width: 20em;
 border: 1px solid gray;
 font: 16px/1 monospace;
 letter-spacing: 0;
 margin: 1em
}
body {
  margin: 20px;
  background: white
}
    </style>
  </head>
  <body>
    <p>
      ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹ
    </p>
    <p>
      ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx
    </p>
    <p>
      あいうえおかきくけこさしすせそたちつてとなにぬねの
    </p>
  </body>
</html>

このようになった。

Internet Explorer 7
Firefox 2.0
Opera 9.10

Firefoxは全角英数字を半角英数字と同じように扱っているため、行ボックスが包含ブロックからあふれている。IEとOperaは全角かなと同様に右端で折り返すようだ。ちなみに、Netscape 7.1でもFirefox 2.0と同じように表示された。

あふれ(overflow)についてCSS2.1の仕様書では、

A line cannot be broken, causing the line box to be wider than the block box.

11.1 Visual effects - Overflow and clipping

こう述べられているだけで、どのような場合に改行できないのかまでは言及されていない。禁則処理は分かち書きをするかしないかなどの言語の特性によるからだろう。

転載元リソース情報

URI: http://elastic965.80code.com/blog/2006/12/wordwrap
作成日: 2006年12月24日

2008年5月19日

Firefoxは全角英数字を半角英数字と同じように扱う

転載元リソース情報

案内

メインメニュー

その他

はてなブックマーク