如何跨度在CSS中创建与浏览器兼容的所有悬挂缩进样式

时间:2020-03-05 18:39:47  来源:igfitidea点击:

我发现的唯一的东西是;

.hang {
    text-indent: -3em;
    margin-left: 3em;
}

唯一可行的方法是将文本放在一个段落中,这会导致那些非常难看的多余行。我宁愿只是将它们放在<span class =" hang"> </ span>类型的东西中。

我也在寻找一种方法来进一步缩进,而不仅仅是单层悬挂。使用段落来堆叠缩进不起作用。

解决方案

回答

<span>是一个内联元素。除非我们正在谈论一个段落(通常表示一个块元素),否则术语"悬挂缩进"是没有意义的。当然,我们可以更改<p>或者<div>或者任何其他块元素的边距,以消除段落之间多余的垂直空间。

我们可能希望使用诸如" display:run-in"之类的标签,根据上下文,标签将变为块或者内联……可悲的是,浏览器尚未普遍支持。