No.1ベストアンサー
- 回答日時:
div等のblock要素ではなくspan等のinline要素によって行う。
<span style="border:solid 1px">文字幅に合わせた枠線</span>
No.2
- 回答日時:
blogのテンプレートみたいなものでなければ、文字数をwidth指定する。
8文字だったら width:8em; とか。
テーブルのように内容物に合わせるには、
ボックスの配置をstatic以外のfloatやabsoluteにすると中身に沿うようにはなりますが、扱いが難しくなったりしますので#1さんのようにインライン要素に対してボーダーを描くのも手だと思います。
>widthプロパティで文字列より小さいサイズに指定する
中身に従ってボックスが拡がるのはIEのバグなので、これを利用するのはよろしくないと思います。
他のブラウザでは指定幅から中身がはみ出し、枠線や隣のブロックに重なって表示されたりします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) エクセル2013「次のページ数に合わせて印刷」が小さすぎる 9 2023/03/28 10:18
- Visual Basic(VBA) エクセルのマクロについて教えてください。 1 2022/12/26 12:05
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- その他(Microsoft Office) エクセルのマクロでスライサー教えてください。 1 2022/09/28 16:40
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- Excel(エクセル) エクセルにおいてセル内の文字を出来るだけ大きく表示する方法を教えてください。 4 2022/07/30 08:08
- HTML・CSS 要素の幅をいろんな写真の幅に合わせたい。 1 2022/07/25 20:11
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字の位置、上下のマージンが...
-
fontサイズ指定の ”-(マイナ...
-
HTMLで特定の文字だけ色を変え...
-
リストの前後の行間をなくす方...
-
指定の文字だけ色を変える
-
background-color: #ddd;の意味...
-
特定の文字のみcssを適用するに...
-
テキストファイルの行を指定し...
-
jquery.validationEngine.jsカ...
-
テキストボックス途中で切れて...
-
FC2ブログの改行幅の質問です。
-
API Sleep関数について
-
<pre>にフォントを・・・。
-
この記述の左上の画像を右にず...
-
FireFoxで"display = none"を指...
-
外部CSSファイルで未定義のclas...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
入力規則のリストの文字の大き...
-
Illustratorで作成、pngで保存...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
文字の位置、上下のマージンが...
-
特定の文字のみcssを適用するに...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
ホームページビルダー作成HPがi...
-
Format 関数 表示書式指定文字...
-
html,cssでスマホとパソコンで...
-
リストの前後の行間をなくす方...
-
リンク文字
-
テキストエリア内の文字の装飾
-
fontサイズ指定の ”-(マイナ...
-
指定の文字だけ色を変える
-
API Sleep関数について
-
アコーディオンメニューが思う...
-
<input type="file"> の幅
-
テキストファイルの行を指定し...
-
ブラウザによって異なるフォン...
-
Excel VBA メール作成について ...
-
CSSを一部無効にしたい
-
上付き文字と下付き文字を同時...
おすすめ情報