問題タブ [text-indent]

アンカーを画像に置き換え、その画像をアンカーの背景にするとします。アクセシビリティの理由から、アンカーでラップされたテキストをそこに残したいのですが、表示したくないのです。よく知られている手法は、text-indent：-9999px;のようなものを使用することです。オーバーフローとともに：非表示。

では、アンカーボックスが50px x 50pxだとしましょう。なぜ、text-indent：50pxを実行しないのでしょうか。これにより、テキストがどれだけ長くなっても、アンカーの隠れたオーバーフローにテキストが押し込まれます。

55px をインデントする .content CSS クラスがあります。場合によっては、段落の先頭にリンクを入れたいのですが、このリンクをインデントしたくありません。

インデントを含まない新しい .content2 クラスを作成する以外に、リンクに直接適用されるクラスを使用してインデントを無効にする方法はありますか?

リンクをフォーマットするために呼び出されるクラスを介してリンクに適用される負のインデント値を使用しようとしましたが、実際にはリンクボックスをインデントしないでください.

問題のページ: http://www.fccorp.us/development/index.jfx.php

グラフィックスナップルムートンをありがとう！

これは、新しいが関連する質問を提起します: 矛盾する複数のクラスのカスケード順序は何ですか? 私はFirefox（現在のバージョン19.0.2、非ベータ版）でテストしており、リンクは通常2つのクラスを使用しますが、特定のクラスは3番目を使用します.

- アップデート -

クラスを削除した私の編集 (ただし、私の css ファイルには 9 行余分に必要でした) が必要なくなりました。しかし、これは私のマージンの問題を解決しませんでした:

最初のクラスは、マージンを含むリンクの「ボックス」(ボックス モデル) の外観を構成し、リンク テキストの外観 (リンク、訪問済み、アクティブ) を構成します。これらのリンクが段落内に配置されている場合にのみ使用される (以前は 3 番目だった) 2 番目のクラスは、リンクが段落内にあるために適用されなくなった値を無効にするために使用されます。(ほぼ) すべてのボタンに適用される最初のクラスを介して上下の余白を設定します。(現在の) 2 番目のクラスでは、段落内に配置されているいくつかのリンクの余白を無効にしようとしました。しかし、何らかの理由で、2 番目のクラスを介して 0px (ゼロ) のマージン値を使用して否定された値は変更されていません。それらは、最初のクラスによって割り当てられた値のままです。

(これを入力したときに、リンク/訪問済み/アクティブ属性を調整するキーを削除する方法に気付いたので、現在変更中です。しかし、それで何かが変わるとは思えません。変更された場合は、これを更新します。) - Asアップデートで言ったのですが、この変更はマージンが解消されないという問題を解決しませんでした。

ただし、既存のマージンをキャンセルしようとするのではなく、実際に負の数を使用してそれらを無効にする必要がありますか? これは機能するはずですが、CSS カスケードは、特定のスタイルが矛盾する場合に他のスタイルを上書きすることを意味すると考えました。それとも一緒に追加されますか？

プロパティを使用text-indentして、テキストの最初の行を左隅のいずれかの側にインデントすることができます。次の例を検討してください。

これを逆に行うためのトリックはありますか:

私が欲しいのは、テキストの最初の行 (および最初の行のみ) が左端を超えて 200px 拡張されることです。おそらく、右端の周りにインデントを適用したり、テキストの 2 行目以降に適用したりする同様の CSS プロパティがあります。

ここにjsFiddleがあります

Swing アプリケーションの初心者です。text に firstLineIndent を追加する必要がありますが、この値を負に設定すると、段落の最初の行が少しぼやけて見えます。StyleConstants.setFirstLineIndent(attr,-50) メソッドの動作を認識できません。このエラーを修正する方法。

以下は、参照として使用しているコードのリンクです。

http://java-sl.com/tip_hanging_first_line.html

ありがとう...

CSSの問題が発生しました。フォームがあり、その中に各行にラベルと情報を表示したいと考えています。フォームの html は次のとおりです。

すべてのタグの css は次のとおりです。

ここでの私の問題は、説明情報については、テキスト行をインデントしたままにして (各行は同じ位置から始まる)、ラベルをインラインで表示したいということです。しかし、それを達成することはできません。誰でもこれについて助けることができますか？ありがとう。

テーブルからデータを取得してテキスト領域に表示する小さなプログラムを作成しました。

それらは表示されていますが、文字間隔に基づいてインデントされています。これを解決する方法を教えてください。各列が特定の開始位置を維持するようにします。

（わかりやすくするために何度か編集しています）

注: HTML を書いているのは私ではありません。

HTML の形式は次のとおりです (注: リンクとリンクの後のテキストは同じ行にあります)。

私がやろうとしているのは、リンクで始まりテキストで続く各行にぶら下げインデントを追加して、テキストが次の行に続く場合、後続の行がインデントされるようにすることです。

ぶら下げインデントの例(ありがとう @Mohsen)

問題の図 (黄色のテキストで始まる行が左端にありすぎます。その上の行に「リンク」が並ぶようにインデントする必要があります):

純粋なCSSでこれを行う方法はありますか? そうでない場合は、javascript または jQuery を使用しますか?