CSS-属性首字母don'不能在任何浏览器中工作



我希望段落的第一个字母比其他字母大,这样它就占据了段落中三行的高度。我试着在CSS代码中使用"首字母",但它在任何浏览器中都不起作用:Internet Explorer、Firefox、Chrome或Safari。

我知道以前有人问过这个问题,我知道一个解决方案是使用属性"float:left"来表示"第一个字母"。之后我可以申请财产"保证金"并准备好。。。。好啊好啊ok

但我不敢相信,物业的"首字母"不正确。我的代码很简单:

<!DOCTYPE html>
<html>
<head>
<style>
section{background-color:blue;
width:600px;
margin:auto;}
p::first-letter{
initial-letter:3;}
p{color:white;}
</style>
</head>
<body>
<header>
<h1>Entendiendo la propiedad "first-letter" de CSS</h1>
</header>
<section>
<p>Este texto esta pensado para ver el pseudoelemento ::first-letter que permite en CSS
modificar las caracteristicas de la primera letra de un parrafo (normalmente se modifica 
el tamano).</p> 
</section>
</body>

感谢

您可以将float: left作为::first-letter

p.first-letter::first-letter {
float:left;
padding: 0 10px 0 0;
color: red;
font-size: 3em;
margin-bottom: -0.1em;
}
<p class="first-letter">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est. Este texto esta pensado para ver el pseudoelemento ::first-letter que permite en CSS modificar las caracteristicas de la primera letra de un parrafo (normalmente se modifica el tamano).</p>

首字母仅在Safari 中受支持

相关内容

最新更新