問題タブ [text-indent]

極端なテキストインデントを指定してテキストボックスからテキストを押し出そうとしていますが、IEではテキストインデントが無視/解釈されるようです。

シミュレーションは次のとおりです (Chrome と IE で試して違いを確認してください):
http://jsfiddle.net/Cernx/1/

これに対する回避策はありますか? または、テキストボックスからテキストを押し出す別の方法はありますか?

以下のコードを実行すると、画面に青いボックスが表示されます。

テキストHello Worldをに変更するHelloWorldと、青いボックスが消えるのはなぜですか？

追記-私はこれをグーグルクロームで見ています。

Chrome と IE ではネストされた div に問題がありますが、Firefox では問題なく動作します。

外側の div に 2 つのスタイル属性 (text-indent と margin-top) を設定しています。内部divの「表示」スタイルはブロックに設定されています。したがって、理想的には、内側の div の後のコンテンツは、インデントなしで新しい行に表示される必要があります。Firefox ではそのように表示されますが、Chrome/IE ではテキストのインデントが表示されます! この動作に基づいて、このコンテンツフラグメント (以下に示す「残りのテキスト」から) が対応する div のスタイル属性を継承すると仮定すると、そうではありません。なぜなら、text-indent だけが継承され、margin-top は継承されないからです! 私が間違っているところを理解するのを手伝ってもらえますか?

ちなみに、ここにhtmlフラグメントがあります：

ありがとう
_

私はここにこの小さな部分を持っています-テキストにはテキストインデントがあるので、それは表示されません、そして表示されるべきものは画像のスパン（サイズ24 * 27）だけです。Firefoxは<a>（私が望んでいたように）24 * 27のサイズであると認識しますが、chromeはそれを58 * 24（はるかに広い）と計算します。テキスト自体を取り出すことで問題は解決します（ただし、テキストはそのままにしておきます）。

テキストにプロパティを追加すると、display:noneそれはうまく機能しますが、それはしたくありません。

間違いは何ですか？なぜそれが異なって計算されるのですか、そしてどうすればそれを解決できますか？

私はこのHTMLを持っています：

一般的なCSSは次のとおりです。

この記事では、この手法の使用は避けるべきだと述べています。これは素晴らしいと言っています。GoogleがCSSファイルの内部を調べてtext-indent: -9999px;あなたを罰するというのは本当ですか？：|

私はそのプロパティをテキストを隠すためによく使用しています。たとえば、アイコンで表されるボタンがあります。

<a href="#" class="mybutton">do Stuff</a>

CSS：

私のコードに代わるものは見当たりません。これを画像に置き換えると、ボタン画像ごとに+20のHTTPリクエストが自動的に取得されます。

リンクを空にすると、スクリーンリーダーがそれが何であるかわからないため、アクセスしにくくなります。そして、空のリンクは奇妙に見えます、おそらくグーグルはそれも好きではありません...

では、そのような状況に対処するための最良の方法は何ですか？

最終的にはインデントがぶら下がっている一連のTextViewに興味があります。CSSを介してこれを行う標準的な方法は、マージンをXピクセルに設定してから、テキストのインデントを-Xピクセルに設定することです。明らかに、最初は「android：layout_marginLeft = "Xdp」で実行できますが、TextViewに-Xピクセルを適用する方法がわかりません。アイデアや回避策はありますか？提案をいただければ幸いです。

1 行 (改行なし) で記述された JavaScript コードがいくつかありますが、完全に判読できません...

{Notepad++ を使用して、これらの文字 ( 、}、;) を改行に加えて置き換えようとしましたが、それでもあまり便利ではありません...

Notepad ++でこれを正しく行う方法はありますか?

複数行テキストのテキストインデントが機能していないようです。下の図に示すように、text-indent は単語years:******(赤い丸で囲まれた)** には適用されないようです。

ご意見をお聞かせください。

前もって感謝します。

BB

前提条件は、フォントファミリとしてモノスペースを使用することですが、正しく機能していないようです。いくつかの解決策を試しましたが、そのうちの8つは機能し、HTML構造は次のようになります。

1. emを使用する

   emは、計算されたfont-size値と同じである必要がありますが、 padding-left：1em; 動作しません：

   

2. pxを使用する

   パディング-左：32px; padding-leftと同じ出力を作成します：1em; 。

3. exを使用

   exは、文字'x'の計算された高さである必要があり、どちらも機能しません。

   

4. chを使用する

   OK、webkitはchをcssユニットとしてサポートしていません。

したがって、cssを記述して、2番目のdivを1文字の幅で正確にインデントするにはどうすればよいですか。つまり、最初の「0」は文字「b」にずれることなく左揃えにする必要があります。