orphanremoval (orphanage)

文章编号：1738 / 更新时间：2024-12-30 16:27:53 / 浏览：次

孤儿删除是一种 css 属性，它允许开发者从文档流中删除孤儿行。孤儿行是指段落的第一行或最后一行，由于页面布局而被推到了下一列或上一列。

如何使用 orphanRemoval 属性

orphanremoval 属性可以设置为三个值：

auto ：浏览器将自动决定是否删除孤儿行。
true ：浏览器将始终删除孤儿行。
false ：浏览器将不删除孤儿行。

要使用 orphanremoval 属性，只需将其添加到希望消除孤儿行的元素中即可。例如，以下代码将从所有段落中删除孤儿行：


 p {orphanremoval: true;}

orphanremoval 属性的浏览器支持

orphanremoval 属性在以下浏览器中受支持：

Chrome
Edge
Firefox
Safari
Opera

orphanremoval 属性的示例

以下示例演示了 orphanremoval 属性如何工作：


 
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pretium lacus at erat ullamcorper, at maximus quam placerat. Cras euismod libero sit amet leo accumsan, eget rhoncus sem laoreet. Integer lacus risus, fermentum sit ametmassa id, tincidunt gravida massa. Nunc eleifend felis quis sem fermentum, eget lobortis ante vehicula. Phasellus ut lacus eget tortor placerat vestibulum. Proin vitae nibh lectus. Vivamus in urna eget eros ultrices sagittis. Morbi et consectetur ligula. Donec egestas arcu vitae elementum vulputate. Nulla facilisi. Proin tincidunt felis at mauris vehicula, id aliquet massa ultrices.

在这个示例中，段落被设置为 200 像素宽，并且 orphanremoval 属性设置为 true。这将导致段落的最后一行被推到下一列，但不会创建孤儿行。