1

ページに動的に表示されるdivがあります。divの右上隅にあるボタンでdivを非表示にできるようにしたいと思います。これを行うために私が見つけた1つの方法は、次のようにapタグを使用することです。

<p dir="RTL">button</p>

これがdiv内のHTMLの最初の行である場合、ボタンはdivの右上隅に配置されます。ただし、上に新しい行が表示され、下に新しい行が表示されるため、ボタンは実際には目的の場所にありません。「dir」属性はspanタグでは機能しないようです。また、cssを使用してpタグをインラインで表示すると

p {
display:inline;
}

ボタンは右揃えではなくなりました。代わりに、それは左隅にとどまります。このボタンを右上隅に、2つの不要な新しい行がなく、大量の行なしで表示する方法はありますか？

4

2 に答える 2

1

HTMLdir="rtl"と CSSdirection:rtlは、それを必要とする言語向けのものであり、ウェブサイトにヘブライ語とアラビア語のサポートを追加する予定がない場合は、使用しない方がよいでしょう。あなたの質問については、テキストを右に揃えたいと思いますが、これは を使用して簡単に作成できますtext-align:right。

于 2010-05-15T23:21:01.910 に答える
1

ここには 2 つのオプションがあります。

  1. pタグの余白を取り除きます:p { margin: 0; }
  2. a のdiv代わりに a を使用するp

ほとんどのブラウザーは、上下に 1em のマージンを持つ段落タグをレンダリングします。

プロパティの問題についてrtl、どのブラウザを使用していますか? 私が知る限り、要素がインラインで、正しいユニコード文字を使用している限り、問題なく動作するはずです。

于 2010-04-30T15:36:56.480 に答える