taccuma note

[CSS]文字列の折り返し、word-break: break-allの使いどころ

文字列が親要素よりはみ出す状態

こんな風に親要素から文字列がはみ出したことありませんか?普通はあんまり親要素から文字列はみ出さないんですよね。でもだからといって油断していると知らないうちにはみ出してますよ。はみ出し禁止です。

この記事では親要素から子要素の文字列がはみ出す、文字列の折り返しが上手くいってないときの対処法としてworld-break: break-allの使いどころをご紹介します。

続きを読む

横幅いっぱに広がるつもりのheaderとfooterの右端が切れてる時の対処法

ヘッダーの右端が切れてる...

なんということでしょう… ブラウザの幅を狭めるとヘッダーの右端が見事に切れてます(;^ω^)ヘッダーが切れてるということはもちろんフッターだって…

もちろんフッターの右端も切れてます...

案の定切れてました…orz

このヘッダーやフッターの右端が切れてる状態はブラウザの横幅を狭めないと発見できないので…気がつかないことが多いのですが、もともと画面サイズが小さいスマホやタブレットでアクセスすると…もちろんヘッダーとフッターの背景が切れていますw

本当だったらヘッダーもフッターも右端まで背景が続いて欲しいはずです。今回の記事では、ヘッダーとフッターが右端で切れてる場合の対処法を考えてみます。

続きを読む

リセットCSSに「HTML5 Doctor CSS Reset」を使うとAdSenseの読み込み時の背景が黄色くなる件

なんか格好悪い...

なんか格好悪い…

新しいテーマの作成作業も最終段階になってGoogleAdSenseの表示テストをしてたんですが、何故かAdSenseの読み込み時の背景が黄色くなる変な現象に悩んでました。

読み込み時の背景が黄色いとなんだかとっても見た目が悪くて格好悪い。今までこんなこと無かったのにどうして黄色くなっちゃうんだろうと思って調べてみたら、犯人は予想外のヤツでした(汗)この記事ではAdSenseの読み込み時の背景が黄色くなってしまったときの対処法をご紹介します。

続きを読む

SyntaxHighlighterでソースがはみ出しちゃったときの対処法など

syntaxhighlighter-hamidashi-1
ブログなどにHTMLやCSSなどのソースを表示させるときに、見た目を美しくしてくれるのがSyntaxHighlighter。とっても有名なプラグインなので使ってる人も多いと思いますが、いざ使ってみると…右側部分がはみ出してしまうことが多々あります。こんな時にどうしたらよいか・・・簡単にできる対処法をご紹介します。

続きを読む

最近の投稿

おすすめ

タグクラウド

カテゴリー

関連記事&スポンサーリンク