如何跨度在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"之类的标签,根据上下文,标签将变为块或者内联……可悲的是,浏览器尚未普遍支持。