gpt4 book ai didi

html - Css block 和内联元素合二为一

转载 作者:太空宇宙 更新时间:2023-11-04 13:29:57 24 4
gpt4 key购买 nike

我想要一种语义方式来做到这一点:http://jsfiddle.net/beydg/

该设计要求每一行文本都有自己的白色背景条纹,这需要内联元素。

同时我需要保持段落之间的间距,这是内联元素无法实现的。

目前实现此目的的唯一方法是使用额外的 span 元素将文本节点包装在 p 元素内,这是一种非常不友好且不符合语义的方法。

我对消除跨度的各种解决方案持开放态度。随意使用现代 css、伪选择器等。

如果您找到一种方法向每行添加左/右填充(现在我只能在每个跨度的末尾和开头添加填充,而不是在每行的末尾/开头添加填充),则可加分。

最佳答案

@ximi,没有 span 的更新解决方案很酷!

对于内边距,您可以将段落放在一个容器中,然后给它一个 padding-left 或 padding-right。喜欢这里:http://jsfiddle.net/Z3JxY/

关于html - Css block 和内联元素合二为一,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7875466/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com