如何在句子末尾显示两个空格(redux)

时间:2014-02-25 12:17:07

标签: html css typography

好的,深呼吸。

假设有人使用等宽字体并且有三个要求。这可能是也可能不是明智的;那不是我要问的。

  1. 在网页中每个句子的末尾显示两个空格,前提是句子以中线结束。

  2. 但如果句子在段落中结束但恰好接近右边距,则最终字符(通常为“。”)应该能够像任何其他字符一样紧贴右边距。线。也就是说,在查看测试结果的同时仔细调整窗口宽度应该能够挤出前间隙文本之后的任何空间。

  3. 同样,换行后不得引入多余的空间。

  4. 能够证明文本的合理性不是必需的。

    已经提出了类似的问题here。但该线程有两个问题(对我而言):

    1. 它被正确关闭,因为讨论陷入困境,首先要求是否明智。我不主张上述要求的智慧;我只是问这个问题。

    2. 发起人似乎并不担心上述要求2,因此讨论没有完全解决它。

    3. 我尝试将以下各项放在两个句子之间。他们每个人要么没有满足其中一个要求,要么完全没有允许两个句子之间的换行符。阅读此列表时,请在适当的位置添加分号;当我将它们添加到实际列表中时,我得到了真实的空格和内容,而不是实体的名称。

      1. (空格)(空格)
      2. &安培; EMSP&安培; EMSP
      3. (空间)及EMSP
      4. &安培; EMSP(空格)
      5. &安培; ensp&安培; ensp
      6. (空间)及ensp
      7. &安培; ensp(空格)
      8. &安培; NBSP&安培; NBSP
      9. (空间)及NBSP
      10. &安培; NBSP(空格)
      11. (空格)(空间内跨度)
      12. (空间内跨度)(空间)
      13. (空间内跨度)(空间内跨度)
      14. 此外,我尝试了white-space: pre-wrap想法,但是要求2失败了。

        你有什么建议?在我的测试中,样式表是这样的:

        P.intro
        {
          font-family:      Courier, monospace;
        }
        
        P.prewrap
        {
          font-family:      Courier, monospace;
          white-space:      pre-wrap;
        }
        

        ...网页是这样的:

        <HTML><HEAD>
        <link rel="stylesheet" href="style.css">
        </HEAD><BODY>
        <P class=intro>
        01 alpha spacespace  omega spacespace<BR>
        <BR>
        02 alpha &amp;emsp;&amp;emsp;&emsp;&emsp;omega &amp;emsp;&amp;emsp;<BR>
        03 alpha space&amp;emsp; &emsp;omega space&amp;emsp;<BR>
        04 alpha &amp;emsp;space&emsp; omega &amp;emsp;space<BR>
        <BR>
        05 alpha &amp;ensp;&amp;ensp;&ensp;&ensp;omega &amp;ensp;&amp;ensp;<BR>
        06 alpha space&amp;ensp; &ensp;omega space&amp;ensp;<BR>
        07 alpha &amp;ensp;space&ensp; omega &amp;ensp;space<BR>
        <BR>
        08 alpha &amp;nbsp;&amp;nbsp;&nbsp;&nbsp;omega &amp;nbsp;&amp;nbsp;<BR>
        09 alpha space&amp;nbsp; &nbsp;omega space&amp;nbsp;<BR>
        10 alpha &amp;nbsp;space&nbsp; omega &amp;nbsp;space<BR>
        <BR>
        11 alpha space-spanspace <SPAN> </SPAN>omega space-spanspace<BR>
        12 alpha spanspace-space<SPAN> </SPAN> omega spanspace-space<BR>
        13 alpha spanspace-spanspace<SPAN> </SPAN><SPAN> </SPAN>omega spanspace-spanspace<BR>
        <BR>
        0 2 4 6 8 0 2 4 6 8 0 2 4 6 8 0 2 4 6 8 0 2 4 6 8 0 2 4 6 8 0 2
        <BR>
        01 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3 5 7 9 1 3
        </P>
        <P class=prewrap>Lorem ipsum.  Dolor sit amet.</P>
        </BODY></HTML>
        

1 个答案:

答案 0 :(得分:0)

将此内容包含在您的css文件中:

SPAN.eos
{
  word-spacing: 0.625em
}

在每个中段句子的末尾执行此操作:

finalword<SPAN class=eos>. B</SPAN>eginning