1

わからない奇妙な問題があります。これは私のCSSです

    .tooltip {
    position: absolute;
    top: 100px;
    left: 100px;
  -moz-border-radius:5px;
    border-radius: 5px;
  border: 2px solid #000;
    background: #222222; 
  background: #fff;
    opacity: .9;
    color: #eeeeee; 
  color: black;
    padding: 10px;
    width: 300px;
    font-size: 12px;
    z-index: 10;
}

.tooltip .title {
  text-align: center;
  direction: rtl;
}

これは私のhtmlです：

<span class="tooltip">
<span class="title">טקסט בעברית </span>
</span>

しかし、何らかの理由で私のテキストはrtlに向けられていますが、すべての場所から左に揃えられています！私は何が間違っているのですか？

4

2 に答える 2

3

ああ、私はあなたが何を意味するのかわかります-あなたのテキスト<span class="title">は中央揃えではありません：http：//jsfiddle.net/24e94/1/

これは、<span>sがデフォルトでインライン要素として表示されるためです（つまり、コンテンツの幅と同じ幅しかありません）。

これをに設定するか、同じことをその親に行って親に移動する必要が<span>ありdisplay:blockますtext-align:center。

于 2013-02-22T09:35:45.593 に答える
3

使用するdisplay:block

.tooltip .title {
   display:block;
   text-align: center;
   direction: rtl;
}
于 2013-02-22T09:36:21.967 に答える