0

CSS スタイル シートを使用して 2 つの異なるテキスト形式を混在させる標準的な方法は? 私は次のことを試しています

<span 
class="cv-first">University of Illinois at Urbana-Champaign </span> <span 
class="cv-first-right">Aug. 26<sup>th</sup> 2010</span>

私が入れたスタイルシートのどこに：

.cv-first
{
    font-variant:small-caps;
    font-family: sans-serif;
    color: #000000;
}
.cv-first-right
{
    font-variant:small-caps;
    font-family: sans-serif;
    color: #000000;
    text-align:right;
    font-style: italic;
}

しかし、これはうまくいきません。

アップデート

だから私が交換した場合

text-align:right;

に

float: right;

私はまさに私が探していたものを手に入れました。これで、2 番目の部分がページの右側に表示されます。

4

2 に答える 2

1

SPAN はインライン要素です:ブロック コンテナに配置されたテキストの一部として扱われます

DIV はブロック要素です。左または右にフロートできますが、テキスト コンテンツは整列されます。

インライン要素には幅がないため、text-align は意味がありません。ブロック要素として宣言し、幅を設定することで、この動作をオーバーライドできます。

.cv-first-right {
  display: block; /* necesarry for applying width */
  width: 150px; /* default width is 100% */
  float: right; /* move the 150px to the right side */
  text-align: right; /* align text in those 150px right */
}
于 2013-05-05T11:16:31.847 に答える
1

これを試して ：

.cv-first, .cv-first-right
{
    font-variant:small-caps;
    font-family: sans-serif;
    color: #000000;
}
.cv-first-right
{
    text-align:right;
    font-style: italic;
}
于 2013-05-04T15:06:51.327 に答える