在一行中混合CSS格式

如何使用CSS样式表混合两种不同文本格式的标准方式？我想下面的在一行中混合CSS格式

<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; 
}

但是，这是行不通的。

UPDATE

所以我发现，如果我取代

text-align:right;

通过

float: right;

我得到正是我一直在寻找。所以现在第二部分在页面的右侧。

来源

2013-05-04 aaragon

在这里工作 - http://jsfiddle.net/DuekR/ – lifetimes 2013-05-04 15:02:17

它应该工作，你做别的东西不对。 – Nelson 2013-05-04 15:02:47

难道我是在其他格式化的东西里面吗？ – aaragon 2013-05-04 15:10:11

SPAN是内嵌元件：它是如框容器对准文本的一部分处理过的

DIV是块元件：它可以飘然向左或正确，而其文本内容是对齐

内联元素没有宽度，因此文本对齐没有se NSE。您可以通过声明为块元素，并设置宽度覆盖此行为：

.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-05 11:16:31

谢谢！我实际上遇到了问题 - 将文本对齐，以便更改为div来解决问题。 – aaragon 2013-05-05 11:42:14

然后你应该接受让别人知道问题解决的答案。当我看着你的个人资料时，你还没有接受任何东西。 – 2013-05-05 11:46:44

尝试这种情况：

.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-04 15:06:51 Sarcadass

它有同样的效果 – aaragon 2013-05-04 15:11:31

在一行中混合CSS格式

回答

相关问题