問題タブ [text-indent]

ブログ投稿には次のルールがあります。

divで定義：

<p>そして私はこのように定義された中にいくつかの写真を持っています：

何が起こっているのかというと、最初に画像のサイズ変更はインデントが適用される前に行われるため、画像の右マージンは定義されたパディング（3em）からインデントのサイズ（1.5em）になります。インデント後に画像のサイズを変更しますか？

そして、画像があってもtext-indent: 0em;、画像はp + pの規則に従い、インデントがあります。

最大幅を100％ではなく96％に設定して問題を解決しましたが、これを解決するためのより論理的な方法はありませんか？

ありがとう

私はすでに次のスタイルを持っています：white-space: pre-wrap;

これにより、要素の改行を改行として扱うことができます (スペースは折りたたまれません)。

今、私はtext-indent: -40px; padding-left: 40px;このようなものを作成しようとして適用したいと思います:

残念ながら、それは私が意図したことを完全には行っていません:

CSS でラップされた行をインデントする方法はありますが、改行を新しい最初の行として数えますか?

値を計算し、それをテキスト インデントとして選択リストに適用する JavaScript があります。これは、Firefox (最新バージョンを使用しています) を除いて、ブラウザーとデバイスを問わず正常に動作します。

firebug を使用すると、正しいテキスト インデント ピクセル値がインライン スタイルとして適用されていることがわかりますが、結果はインデント幅の 2 倍になります。

テキストのインデントを無効にして、左パディングと同じピクセル値を適用すると、正しいことがわかります。JavaScript を無効にして、通常の CSS で同じテキスト インデントを適用すると、正常に動作します。ありがとう

PDFブックをmobiブック（html）に変換しようとしていますが、レイアウトも再現したいと思います。そこでは、すべての休憩の後、テキストは1行を対象としています。これはで実行可能である必要があります

しかし、それが機能しないので、私は何か間違ったことをしています。

デフォルトでは空白行も含まれているため、段落でこれを実行したくありませんが、これらの区切りは必ずしも完全に新しい段落を意味するわけではありません...

この質問では、アンカーのテキストを div 内に配置し、ここで繰り返す同じコードを指定します。

HTML マークアップ

CSS スタイル

答え

フィドル

私の質問は、なぜ line-height が div から抜け出さないのかということです

CSSでtext-identプロパティを使用すると、テキスト入力領域にフォーカスすると、テキストカーソルアイコン/キャレットがインデントされて表示されます。ただし、最初の文字を入力するまでインデントされていないように見えます。唯一の回避策は、入力要素に左パディングを使用することですが、幅も設定しており、IE固有のスプレッドシートを使用してIEのパディング修正を実装する必要がないため、パディングの使用は避けたいと思います。

このバグはSafariで発生します。

私が話していることの画像については、以下を参照してください。

テキストがない場合のフォーカスでは、text-identはキャレットの位置に影響しません。

入力を開始すると、正しくインデントされます。

入力してから入力した内容を削除すると、最初から実行したいことが表示されます（カレットをインデントします）。

HTML：

CSS：

プロパティに許容される負の値の最小値は?text-indent

サイトで奇妙に大きな値 ( のようなものtext-indent: -99999999px) を使用していましたが、前回の Google Chrome の更新で機能しなくなりました。IE はまだ正常に動作しますが、Chrome で再び動作させるには、そこからいくつかの 9 を削除する必要があるかもしれません。

免責事項：はい、この値は少し偏執的すぎます。私は楽しみのために使用し、今日テキストが画面に表示されるまで完全に忘れていました. しかし、通常提案されtext-indent: -9999pxていることは、(そうではない) 遠い将来のある時点で簡単に失敗する可能性がありますか?

したがって、次の画像置換テキストがあります。

次の CSS があります。

Google Chrome が最近更新されるまで、テキストがインデントされていないことは一度もありませんでした。ただし、数日前の時点で、突然テキストが置換画像の上に表示されていました。特にGoogle Chromeバージョン22.0.1229.79でのみ、これが起こっているのを見た人はいますか?

私は基本的にテキストインデントを含む段落でこれを実行しようとしていますが、display：inlineではテキストインデントが許可されていないため、取得できません。何か案は？

アクセシビリティとスクリーンリーダーを使用する人々にとって素晴らしいので、私が本当に楽しんでいる練習が1つありますが、Googleがこれを「彼をだます試み」と見なして、私をブラックリストに載せることができるかどうか疑問に思いました。これが私の例です：会社の名前であるロゴを作成するとき、私はこれを本当に楽しんでいます：

次に、text-indent: -9999px;CSSでテキストを画面から押し出しますが、スクリーンリーダーを使用している人はそれを読むことができます...どう思いますか？悪いまたは良い習慣であり、これについてブラックリストに載せることができますか？