【发布时间】:2016-04-27 02:18:33
【问题描述】:
我有一个有参考书目的响应式网站。无论浏览器的宽度如何,我都希望文本显示为作品引用页面。
所以这个页面上的出版物:http://www.lajsa.org/news-announcements/new-publications/
应该让第一行下面的所有行缩进 30 像素。喜欢这里的图片:http://libguides.mjc.edu/MLA/mlaworkscited
我认为我可以这样做:
p { padding-left:30px;}
p::first-line { padding-left: -30px !important;}
或者这个:
p:not(::first-line) { padding-left:30px;}
但是没有用。
这里是一些示例 HTML:
<p>Aizenberg, Edna. <em>On the Edge of the Holocaust: The Shoah in Latin American Literature and Culture</em>. Waltham: Brandeis UP/UP of New England, 2016. 200 pp. 19 illustrations. ISBN: 978-1-61168-856-6.</p>
<p>Aizenberg, Edna. <em>Parricide on the Pampa? A New Study and Translation of Alberto Gerchunoff´s </em>Los gauchos judíos. 2nd edition. Madrid /Frankfurt: Iberoamericana /Vervuert, 2015. 166 pp. ISBN: 9788484898849. Contains updated introduction and bibliography.</p>
<p>Balbuena, Monique Rodrigues. <em>Homeless Tongues: Poetry and Languages of the Sephardic Diaspora</em>. Stanford: Stanford UP, 2016.</p>
<p>Blajberg, Israel. <em>Star of David in the Southern Cross: Memory of Jewish presence in the armed forces of Brazil – from Cabral to Haiti</em>. Resende, RJ: – AHIMTB, Brazilian Military History Academy, 2015. 680 pp. 330 Illustrations. ISBN: 978-85-60811-24-3.</p>
我不能像这里建议的那样在中间添加一个跨度:Indenting the 2nd line of a paragraph with CSS,因为换行符会根据屏幕宽度而变化。
有什么建议吗?
【问题讨论】: