当前位置: 首页 > 面试题库 >

大写句子的首字母CSS

胡向阳
2023-03-14
问题内容

我想将句子的首字母大写,如果可能的话还要大写逗号后的首字母。我想在这里添加代码:

.qcont {
    width: 550px;
    height: auto;
    float: right;
    overflow: hidden;
    position: relative;
}

问题答案:

您可以.qcont使用伪元素将元素的首字母大写:first-letter

.qcont:first-letter{
  text-transform: capitalize
}

这是仅使用CSS就能获得的最接近的结果。您可以使用javascript(与jQuery结合使用)将每个句点(或逗号,如您所愿)后的每个字母包装在span。您可以添加与上述相同的CSS
span。或一起用javascript完成。

这是css方法的代码段:

.qcont:first-letter {

  text-transform: capitalize

}


<p class="qcont">word, another word</p>


 类似资料:
  • 将字符串首字母大写。 使用数组 解构(destructuring) 和 String.toUpperCase() 大写第一个字母,用 ...rest 获得第一个字母后字符数组,然后 Array.join('') 再次使它成为一个字符串。 省略 lowerRest 参数以保持字符串的剩余部分不变,或者将其设置为 true 这将会使字符串的剩余部分都转换为小写。 const capitalize =

  • 问题内容: 例如: 字符串s =“ this是a.line是.over” 应该出来 “这是行结束。” 我想到两次使用字符串标记器 现在我不确定如何使用字符串标记器的输出作为另一个的输入? 我也可以使用split方法生成数组我尝试过的东西 问题答案: 使用StringBuilder,无需拆分和创建其他字符串,依此类推,请参见代码

  • 问题 你想把字符串中每个单词的首字母转换为大写形式。 解决方案 使用“拆分-映射-拼接”模式:先把字符串拆分成单词,然后通过映射来大写单词第一个字母小写其他字母,最后再将转换后的单词拼接成字符串。 ("foo bar baz".split(' ').map (word) -> word[0].toUpperCase() + word[1..-1].toLowerCase()).join ' ' #

  • 问题内容: THIS IS SOMETEXT 我想使该段的首字母大写。 CSS可能吗? 编辑: 我所有的文本都用大写字母。 问题答案: 您可以使用以使段落的每个单词都大写,如下所示: 在 IE4 +中受支持。 这里的例子 。 [16.5大写:“文本转换”属性] 此属性控制元素文本的大写效果。 将每个单词的第一个字符大写;其他字符不受影响。 将每个单词都用大写字母大写: 在此假设下: 我想使它看起来

  • 问题内容: 我正在尝试编写一个函数来清理用户输入。 我不是要使其完美。我宁愿用小写字母表示一些名称和缩写,也不愿用大写字母表示完整的段落。 我认为该函数应使用正则表达式,但是我对这些表达式很不好,需要一些帮助。 如果以下表达式后跟一个字母,我想将该字母大写。 更好的是,该函数可以在“。”,“!”之后添加一个空格。和“?” 如果这些后面跟有一封信。 如何做到这一点? 问题答案: 由于PHP 5.5.

  • 问题内容: 如何仅使用CSS将以下每个句子的大写字母转换为小写和首字母大写? 来自: 这是一个例句。 收件人: 这是一个例句。 更新: 当我使用文本转换时:大写;结果还是一样。 问题答案: CSS中没有句子大写选项。其他答案表明是不正确的,因为该选项将 每个单词 都大写。 如果您只希望 每个元素* 的 首字母 大写,则这是一种 粗略的 实现方式,但是与实际的句子大写绝对不符: *