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/

これは、新聞で使用されている「ドロップ キャップ」の遊びのようなものです。

于 2012-10-16T05:24:15.540 に答える
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 に答える
0

…………

こんにちは、このようにpseudo css :beforeでcssを使用するようになりました

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 に答える