人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSS 英文字の下がはみ出してしまうことについて

例えば「abcg」としたときにoverflow:hiddenを設定してしまうと「g」の文字の下が消えてしまいます

このようなときはどのようにCSSを設定するのが一般的なのでしょうか?


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 匿名回答1号
ベストアンサー

どのように表示したいのかによって変わります。
スタイルシート[CSS]/ボックス/ボックスからはみ出た部分の表示方法を指定する - TAG index Webサイト
基本的な考えは上記のページの通りです。(情報が古めなので、最近のブラウザではどれもIEのような表示になると思ってください。)
一行で表示したい場合は、幅を広げる、余白(padding)を削る、フォントの設定を変更、もしくは文字数を減らす必要があります。

padding?スタイルシートリファレンス


匿名質問者さんのコメント
ありがとうございます!

2 ● 匿名回答2号

僕の場合は、その範囲に対して、

{
padding-bottom:10px;
}

を指定しています。
最初の回答のヒトのほうがわかりやすいと思いますが、


匿名質問者さんのコメント
ありがとうございます!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ