0

テキストの横に引用符を表示するのに苦労しています。現時点では、引用符が一番左側に立っています。

テキストを中央に配置しなくても問題なく機能しますが、テキストを中央に配置すると、面倒になります。

.center
{
    text-align:center;
}

http://jsfiddle.net/BpTdL/2/

タグではなく引用がテキストの横にあることを確認するにはどうすればよいですか?

ありがとう！

4

3 に答える 3

1

blockquote:beforeCSSのブロックを次のように変更してみてください

blockquote:before {
    content: "\201C";
    font-size: 80px;
    color: #7a7a7a;
    display: inline;
    line-height: .22;
    vertical-align: middle;
}

blockquote の padding-top が切れてしまうので、少し調整する必要があります。

jsfiddle

于 2013-05-01T23:14:25.930 に答える
0

これを変更するだけです：

blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  color: #7a7a7a;
  }

このため：

blockquote:before {
  display: block;
  padding-left: 10px;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;           /* Line changed */
  top: -20px;
  color: #7a7a7a;
  }

これはあなたが望んでいたものですか？デモ

于 2013-05-01T23:04:20.180 に答える
0

引用とテキストをdivに入れてみて、このコードを使用してそれらを移動することができます

position:relative;
left:100px;

これにより、希望の位置に移動できます

于 2013-05-01T23:05:49.120 に答える