JavaScriptTweetこんにちは、笹亀です。MacBookを購入して1ヶ月経ち、操作やアプリケーションなどにも慣れてきたのですが、先週の火曜日になにもしていないのに、液晶に謎の線が現れ、故障してしまいました。先週の金曜日に業者に無償修理に出していたのですが、本日MacBookの液晶が新品に変わって戻ってきました。Macの修理の対応の早さに驚きました。ありがたいことです^^Firefoxでは、URLやメールアドレスなどの長い半角英数字をtableタグのtdタグなどに入れた場合に折り返して表示することができずに重なって表示されていまう場合があります。先日、Firefoxの上記の仕様でデザインが崩れると報告をいただいた際に対応した方法をご紹介したいとおもいます。以前のブログでご紹介した通り(http://blog.asial.co.jp/202)、IEやSafariでの半角英数字のCSSを使用して自動折り返しを行うことは可能でしたが、FirefoxではCSSでの自動折り返しを行うことができません。この問題はFirefoxの2.0での問題で、近いうちに公開されるFirefox3.0では折り返すことができる仕様になるみたいです。Firefox2.0の対応も必ず必要になると思います。Firefox2.0今回はjQueryのプラグイン(jquery.linkwrapper)があるということを教えてもらい、こちらを使用して対応をさせていただきました。使用方法はとても簡単で、jQueryとプラグインを読み込み、設定したいclass名を指定するだけです。jQueryはこちらより(http://jquery.com/)、プラグインはこちらより(http://cl.pocari.org/2008-02-03-1.html)ダウンロードしてください。実際に下記のようにHTMLを記述して確認してみます。class="link1">hoge.hoge.hoge.hoge_hoge@****.co.jp</a></p></body></html>実際に作成したサンプルをご覧になりたいかたは下記のリンクで確認できます。SAMPLE今回は、こちら(http://cl.pocari.org/)のサイトを参考に書かせていただきました。便利に使わせていただきました。有り難うございました。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。