てがろぐ - Fumy Otegaru Memo Logger -

No.3649

にしし ＞ 珈琲ゼリーも食べました！

🍫Re:3648◆謎の空白は、要は「オブジェクトの下端」が「ベースライン」に合わせられてしまうHTML側のデフォルト仕様が原因です。解決策は複数ありますが、簡単なのは、次のようにCSSを書くことでしょうかね。
.embeddedmusic iframe {
   vertical-align: middle;
}
値は（デフォルトのbaselineでなければ良いので）middle以外に、topとかbottomとかでも良いです。画像の下に空白ができるのと現象としては同じです。

何らかの事情で vertical-align プロパティを使いたくない場合は、他にも、以下のようなCSSでも対処できます。
.embeddedmusic {
   display: inline-block;
}
.embeddedmusic iframe {
   display: block;
}
以上、お試し下さい。
2年以上前（火 16:49:17） 回答/返信

• ユーザ「にしし」の投稿だけを見る (※時系列順で見る)
• この投稿と同じカテゴリに属する投稿：
  • カテゴリ「回答/返信」の投稿だけを見る (※時系列順で見る)
• この投稿日時に関連する投稿：
  • 2023年4月11日の投稿だけを見る (※時系列順で見る)
  • 2023年4月の投稿だけを見る (※時系列順で見る)
  • 2023年の投稿だけを見る (※時系列順で見る)
  • 全年4月11日の投稿をまとめて見る (※時系列順で見る)
  • 全年全月11日の投稿をまとめて見る (※時系列順で見る)
• この投稿に隣接する前後3件ずつをまとめて見る
• この投稿を再編集または削除する

« No.3648 / No.3650 »

初期表示に戻る

全文検索:

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)、 黒板スキンがあります。
《てがろぐCGIの配布・解説ページに戻る》