22

右側に揃えられたテキストがあり、右側のテキストインデントバーの場合と同じように、少し左に押してほしい。それで何か解決策はありますか？マージンを試してみましたが、IE9は最初のメニュー項目（？）のマージンを2倍にします。

これがcssです：

h99
{ padding: 0px;
    font-family: lucida, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}

#menublock
{ width: 230px;
    height: auto;
    float: left;
    text-align:right;
    margin-right: 0px;
}

ul
{ list-style-type: none;
  margin:0;
  padding:0;
  overflow: hidden;
}

ul a:link, ul a:visited
{ display: block;
  width: 210px;
  background: transparent;
  text-align: right;
  text-transform: uppercase;
  text-decoration: none;
    height: 40px;
    color: #ffffff;
    padding: 0px;
    margin: 10px;
}

ul a:hover, .selected
{ background: #484848 !important;
  color: #ffffff !important;
}

メニューは単純に横向きです。

4

6 に答える 6

14

ありません。残念ながら、cssにはテキストのインデントはありません。ただし、direction:rtl;短いテキストにはテキストの方向を使用できます。そうすると、インデントが反対側に表示されます。

于 2012-08-10T22:49:18.357 に答える
8

簡単な解決策は、すべての副作用を無効にする「前の」CSS スタイルをテキスト要素に適用することです。direction: rtl;

&:before {
      content: ' ';
      width: 100px;
      float: right;
      height: 5px;
}
于 2016-11-15T23:58:37.173 に答える
4

以下をせよ

text-indent: 60px;
direction: rtl;
text-align: left;

f.ardelianが指摘した: 句読点は行頭に表示されるので、abc. .abcが表示されます

于 2016-04-22T18:27:59.807 に答える
3

私がしたこと、私のために働いたことはこれでした：

text-indent: 20px;
padding-right: 40px;
于 2016-09-02T19:39:17.980 に答える
0

私はあなたのコードを見る必要がありますが、古いブラウザの問題の解決策は、空のスパンを含めて幅を適用することです：

<style>
span.right-adjust {
  display:inline-block;
  width:5px;
}
</style>

<div>Your text here<span class="right-adjust"></span></div>

コードを提供しないと、何が欲しいかを判断するのは困難です。float：right;を適用することもできます。

古いブラウザとCSSの問題を解決する方法はたくさんあります。

お役に立てれば

于 2012-08-10T22:46:24.810 に答える