我正在寻找一种解决方案,以改善电子书中的报价格式.在电子书中我使用引文,每个都有内容和来源.这是HTML& CSS：
.quotation {
display: block;
text-align: justify;
margin: 0.25em 1em 0.25em 1.25em;
}
.quottext {
font-style: italic;
}
.quotsource {
margin: 0 0 0 0.25em;
}现在我使用CSS：
.quotation {
display: block;
text-align: justify;
margin: 0.25em 1em 0.25em 1.25em;
}
.quottext {
font-style: italic;
}
.quotsource {
margin: 0 0 0 0.25em;
}
结果看起来像这样：
我想限制引用源中的换行符,要么紧跟在内容后面(如果源文本很短),要么换行并将引用源放在新行(如果源文本很长) .
我用的时候：
white-space: nowrap;
引用源的属性,源位于下一行,但之前的行太稀疏：
在这种情况下,我想实现这一目标：
我想对所有报价使用相同的HTML和CSS,因为我从来不知道电子阅读器设备的显示尺寸.你能否告诉你是否有HTML和CSS的解决方案？
最佳答案
怎么样漂浮：对;对于.quotsource
源将与右侧对齐,但使用空间.
.quotation {
display: block;
text-align: justify;
margin: 0.25em 1em 0.25em 1.25em;
}
.quottext {
font-style: italic;
}
.quotsource {
float: right;
margin: 0 0 0 0.25em;
}