问题描述
简单地在一些文本周围添加两个引用图像。在
首先看起来相当简单，但结果显示所有明显的解决方案并不像
a完美的解决方案：
请参阅
基本上，样式1只是内联图像，文本和图像。
样式2使用表格。
样式3使用图像作为背景。
它们实际上都不是完美的......一开始看起来很容易.. 。
任何人都知道一种让它工作的方法吗？谢谢。
to simply add two quote images around some text. seems quite simple at
first but turns out all the obvious solutions are not as desirable as
a perfect solution:
please see
http://www.0011.com/css/quote.html
basically, Style 1 is just inlining the image, text, and image.
Style 2 is using a table.
Style 3 is using images as background.
None of them actually is perfect... it seems so easy at first...
anyone know a way to make it work at all? thanks.
推荐答案
[...]
[...]
使用适当的字符而不是图像？
-
Johannes Koch
in te domine speravi;非永久性的东西。
（Te Deum，4美分。）
Use the appropriate characters instead of images?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)
[...]
[...]
使用适当的字符而不是图像？
-
Johannes Koch
in te domine speravi;非永久性的东西。
* * * * * * * * * * * * * * *（Te Deum，4美分。）
Use the appropriate characters instead of images?
--
Johannes Koch
In te domine speravi; non confundar in aeternum.
* * * * * * * * * * * * * * *(Te Deum, 4th cent.)
谢谢你的回答。我认为使用引号字符应该有效，
因为大多数浏览器都不会将引号字符全部包装到
换行符中。但是，如果你的老板告诉你使用的图像是由大多数人的操作系统上没有的花哨字体绘制的，
或报价怎么办？有一些纹理，或带有阴影的引用？再次感谢
。
thanks for your answer. i think using a quote character should work,
since most browser won''t wrap a quote character all by itself to a
newline. however, what if your boss tell you to use an image that is
drawn by a fancy font that is not on most people''s Operating system,
or a quote with some texture, or a quote with some shadow? thanks
again.
这可能对某些较小的浏览器起作用，但是：
/ *大块报价围绕块报价* /
blockquote {
padding-right：1em;
padding-left：1em;
margin- top：1em;
margin-right：5em;
margin-left：5em;
margin-bottom：1em;
}
blockquote：之前，blockquote：之后{
颜色：＃5f04b4;
display：block;
字体大小：500％;
身高：1ex;
}
blockquote：之前{
内容：open-quote;
margin-left：-0.5em;
margin-bottom：-1ex;
}
blockquote：在{
内容：close-quote;
margin-top：-1ex之后;
margin-right：-0.5em;
text-align：right;
}
然后更高的地方（可能在体内）：
引用：''a ??''''a ??'''''??''' ''a ??'';
见关于
的样子。
我自己也想不到这一切，但是我忘记写下了我获得它的
。它虽然是CSS网站的混合物，有些带图像，
有些带引号。
H.
-
Hendrik Maryns
==================
提出聪明的问题，得到好的答案：
This probably wona??t work on some lesser browsers, but:
/* Big curly quotes around block quote */
blockquote {
padding-right: 1em;
padding-left: 1em;
margin-top: 1em;
margin-right: 5em;
margin-left: 5em;
margin-bottom: 1em;
}
blockquote:before,blockquote:after {
color: #5f04b4;
display: block;
font-size: 500%;
height: 1ex;
}
blockquote:before {
content: open-quote;
margin-left: -0.5em;
margin-bottom: -1ex;
}
blockquote:after {
content: close-quote;
margin-top: -1ex;
margin-right: -0.5em;
text-align: right;
}
And then somewhere higher up (probably in body):
quotes: ''a??'' ''a??'' ''a??'' ''a??'';
See http://tcl.sfs.uni-tuebingen.de/~hen...clipse64.shtml on what it
looks like.
I didna??t think of all of this by myself, but I forgot to write down
where I got it. It was a mixture of CSS-sites though, some with images,
some with quotes.
H.
--
Hendrik Maryns
http://tcl.sfs.uni-tuebingen.de/~hendrik/
==================
Ask smart questions, get good answers:
http://www.catb.org/~esr/faqs/smart-questions.html
这篇关于我认为在文本周围设置一些引用图像可以很简单但是有多么错误！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！