Question

我很想知道,是否在超文本档案中找到一种途径来自动控制孤儿的“

我用孤儿的话说,在一段末尾,我指的是新行的直言。例如:

"This paragraph ends with an undesirable orphaned word."

相反,最好将这一段细分如下:

"This paragraph no longer ends with an undesirable orphaned word."

虽然我知道,我可以通过放置一个超文本非突破性空间来人工纠正这种情况( ) 在最后两句之间,我不禁要问,是否有办法使这一过程自动化,因为像这种手工调整一样,可能会很快地对多个档案中的大量文本产生浪费。

顺便提一下的是,CSS2.1的特性orphans (和widows)只适用于整个案文线,甚至仅适用于超文本页的印刷(更不用说这些特性基本上得不到大多数主要浏览器的支持)。

许多专业页面布局应用,如Adobe InDesign, 可在上通过自动增加出现孤儿的禁闭空间来清除孤儿 ; 是否还有任何形式的超文本解决办法?

Answer 1

您可以通过将句子中最后两字之间的空间改为非拆解空间来避免出现孤儿( )。

这里有图形,例如 jqWidon t或。 ∗ E/CN.6/2009/1。

广受欢迎的框架也存在一些图象(例如:www.shauninman.com/tur013/wident_2_1_text_plugin"/widen t for l press/a")。

Answer 2

I know you wanted a javascript solution, but in case someone found this page a solution but for emails (where Javascript isn t an option), I decided to post my solution.

Use CSS white-space: nowrap. So what I do is surround the last two or three words (or wherever I want the "break" to be) in a span, add an inline CSS (remember, I deal with email, make a class as needed):

<td>
    I don t <span style="white-space: nowrap;">want orphaned words.</span>
</td>

In a fluid/responsive layout, if you do it right, the last few words will break to a second line until there is room for those words to appear on one line.

阅读更多关于<条码>white-space的这一链接财产:。 http://www.w3schools.com/cssref/pr_text_white-space.asp

EDIT:12/19/2015——由于在《展望》中得到了支持,I ve正在增加一个没有突破的空间<代码>和>;nbsp;。最后一句中最后两字之间。它的代码较少,在任何地方都得到支持。

EDIT: 2/20/2018 - I ve发现,《展望》(iOS和Andrew)并不支持  entities,因此我必须结合两种解决办法: e.g:

<td>
    I don t <span style="white-space:nowrap;">want&nbsp;orphaned&nbsp;words.</span>
</td>

Answer 3

页: 1 多年来,这促使印刷设计师摇.,但超文本并未提供这种控制水平。

如果你真心想这样做,并理解速度影响,你可以在此尝试以下建议:

detecting line-breaks with j Query?

这是我可以想象的最好解决办法,但这不能使它成为一个好的解决办法。

Answer 4

我看到,有3个政党的花.,但更简单地说是这样。如果你想做的是用非开拓性空间来取代最后的空间特性,那就几乎是微不足道的:

    const unorphanize = (str) => {
        let iLast = str.lastIndexOf(   );
        let stArr = str.split(  );
        stArr[iLast] =  &nbsp; ;
        return stArr.join(  )
}

我假定这种情况可能错失一些独特的案例,但它为我的所有使用案例做了工作。警告说,你只能pl缩案文的输出,你必须制定<条码>内文的超文本=非正文(文本),或以其他方式使其失效。

Answer 5

如果你愿意做以下两点假设的话,如果你愿意做:

A sentence always ends with a period.
You always want to replace the whitespace before the last word with

假设你有这样的html(如有必要,在我的浏览器......骑手的“端”前就打碎右 style):

<div id="articleText" style="width:360px;color:black; background-color:Yellow;">
    This is some text with one word on its own line at the end.
    <p />
    This is some text with one word on its own line at the end.
</div>

You can create this javascript and put it at the end of your page:

<script type="text/javascript">
    reformatArticleText();
    function reformatArticleText()
    {
        var div = document.getElementById("articleText");
        div.innerHTML = div.innerHTML.replace(/S(s*)./g, "&nbsp;$1.");
    }
</script>

舱面仅发现所有具有白色空间特征的(g 旗帜)事例(S),然后发现任何非白色空间特性(s)。它为你在替代案文中使用的非白色空间提供了背心。

你们也可以使用类似的校区,以包括其他最后校准标志。

Answer 6

如果第三方的 Java是选择,则可以使用typogr.js, 即“typogries”执行。这一特殊过滤器被称作Widont,但并不奇怪。

<script src="https://cdnjs.cloudflare.com/ajax/libs/typogr/0.6.7/typogr.min.js"></script>
<script>
document.body.innerHTML = typogr.widont(document.body.innerHTML);
</script>
</body>

友情链接