如何让每个单词以span标记中的大写字母开头

Question

我的HTML如下

<h1><span>Check</span> <span>this</span> <span> out</span></h1>

我的css如下

h1{
text-transform: capitalize;

}

h1 span{
text-transform: capitalize;
}

有趣的是，“Check”这个词以大写字母开头。我如何获得span标签以便大写

Answer 1

我的代码是

          {text-transform: uppercase}

使用此代码以字母作为首都。

Answer 2

这样可以正常运行你必须要有某种重叠的css在这里看到小提琴 http://jsfiddle.net/3MhpQ/

真的老火狐有这个问题，如果你在9岁以上的任何东西请升级，因为任何一个较低的用户统计数据非常小

Answer 3

单词“Check”是唯一可行的，因为它实际上是在HTML中大写的。

如果你无法弄清楚什么是最重要的，你可以在你的范围内添加一个课程。

.caps { text-transform:capitalize; }

<h1>
   <span class="caps">check</span> 
   <span class="caps">this</span> 
   <span class="caps"> out</span>
</h1>