絶対に配置された要素をテーブル行の:after
(:before
)として追加したいとします。このhttp://jsbin.com/IGumoye/5/editテーブル行の疑似要素(:after、:before)を安全に使用することはできますか?
で
見て、私はそれはいくつかの種類のテーブルセルだと思います(少なくとも、Webkitのベース)私は、このような要素のレンダリングエンジンを追加するときにすることを前提としています。
:before
は、すべてのブラウザでひどく機能します。しかし:後はFirefoxでうまくやっていて、Webkitでうまくいく。 Webkitでは、小さなスペースを確保し、テーブル全体の幅を大きくします。
- これはウェブキットで私を悩ますものです。
これを修正するにはどうすればよいですか?なぜそれが起こったのか、私はどこで読むことができますか?
UPDATE 1
解決策:絶対配置要素のための宿主として、この行の最初のテーブルセルを使用します。
http://jsbin.com/IGumoye/10/edit
UPDATE 2
[OK]を、私は私が私の最初の問題の解決策を見つけたと思います。そして私はそれが良いかもしれないと仮定します。しかし、私は最大限のCSSを使いたいと思っていました。問題は - 一部の静的テキストを編集可能にし、ユーザーが他の場所をクリックした場合 - この編集モードを閉じます。この例では
http://jsbin.com/IGumoye/23/edit
これは興味深い問題ですが、レイアウトで何をしようとしているのかは不明です。あなたは精緻化できますか? –
Thx。あなたの答えは怒鳴ります。私がそこで見つけることができるものが見えます。解決策と初期の問題で質問を更新しました。チェックアウトしてください。 –
スクリプトはうまくいくようですが、間違いなく正しいアプローチです。 –