时间戳

首页 > 解决方案 > 如何使用 CSS 将每个单词的第一个字母大写我还尝试了其他股权溢出问题但没有奏效？

html - 如何使用 CSS 将每个单词的第一个字母大写我还尝试了其他股权溢出问题但没有奏效？

问题描述

我需要帮助将每个单词的每个首字母大写，但不知道我如何尝试以下但没有工作：- 如何在 CSS 中将每个单词的首字母大写？

<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <style>
       h1 {
          text-transform: lowercase;
          display: inline-block;
       }
       h1:first-letter {
           text-transform: uppercase
       }
   </style>
</head>
<body>
    <h1>THIS IS TEST</h1>
</body>
</html>

但结果是：-这是测试

它只大写 T 但我还需要 I 和 T ......

请不要为JS提供解决方案

标签： htmlcss

解决方案

您需要使用文本转换大写

   text-transform:capitalize;


<!DOCTYPE html>
<html>
  <head>
    <title>Page Title</title>
    <style>
       h1 {
          text-transform:capitalize;
          display: inline-block;
       }
      
   </style>
</head>
<body>
    <h1>this is test</h1>
</body>
</html

推荐阅读