エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
文字の両側に画像を配置するCSSのやり方 - OKWAVE
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
文字の両側に画像を配置するCSSのやり方 - OKWAVE
> ●AAAAA● ●BBBBB● ●CCCCC● > 上記のように文字の両側に●画像をCSSにて配置したいのですが。 ANo.2の... > ●AAAAA● ●BBBBB● ●CCCCC● > 上記のように文字の両側に●画像をCSSにて配置したいのですが。 ANo.2の回答者様の言及された通り、疑似要素が使えるならそちらの方がベターなんですが、肝心のIEめが未実装ですので…逃げ道を考えてみました。 検証条件として、 ・各リンクは横並びにできるのであれば、マークアップは自由 ・「●」は全て同じ画像を指す ・各リンクのテキスト幅が違っても、一定の余白を保つ 上記の様に解釈させて頂いた上でのサンプルが以下です。"mark.gif"という背景画像は10px×10pxと想定しています。 IE6.0/7.0、Firefox2.0~、Opera9.25 on Windows XPでほぼ同様表示の結果が得られています。 -------------------------------------------------------------