1

有人可以告诉我如何做这样的报价（见图）？

我为引号使用了默认的 html 代码：

<div>
<span style="font-size=30px">$#8220;</span>
<span style="font-size=12px">Test Text</span>
</div>

但这会导致引号保持在文本的顶部，但不在文本的相同高度。有人可以帮我吗？

引号

4

4 回答 4

3

在报价单上：

font-size: 30px;
display  : inline-block;
position : relative;
top      : 10px;

更改top: 10px为您需要的任何内容

于 2012-10-16T05:23:14.320 回答
3

您必须将字体更改为您想要的字体，但在这里它正在起作用：http: //jsfiddle.net/Zm23t/

这有点像报纸上使用的“Drop Caps”。

于 2012-10-16T05:24:15.540 回答
0

.....................

嗨，现在习惯像这样在 css 中pseudo 使用 css :before

div span{
display:inline-block;
  width:200px;
  border:solid 1px red;
}
div span:before{
content:'"';
  font-size:14px;
  color:red;
  font-weight:bold;
}

现场演示

于 2012-10-16T05:25:20.000 回答
0

你可以试试这个。 

<div>
  <div style="float:left;">
    <span style="font-size:30px">"</span>
  </div>
  <div style="float:left;">
    <span style="font-size:12px">Test Text</span>
  </div>
</div>
于 2012-10-16T05:31:00.493 回答