当前位置: 首页 > 面试题库 >

仅使用CSS的换行符(如)

陆承宣
2023-03-14
问题内容

是否有可能在纯CSS中(即无需添加其他html标签)使像这样的换行符<br>?我想在<h4>元素之后而不是之前换行:

的HTML

<li>
  Text, text, text, text, text. <h4>Sub header</h4>
  Text, text, text, text, text.
</li>

的CSS

h4 {
  display: inline;
}

我发现了许多这样的问题,但是总是有 “ use display:block;”之 类的答案 ,但<h4>必须保持在同一行时,我无法这样做。


问题答案:

它是这样的:

h4 {
    display:inline;
}
h4:after {
    content:"\a";
    white-space: pre;
}


 类似资料:
  • 问题内容: 我正在尝试将两个s位置互换以进行响应式设计(该网站的外观根据浏览器的宽度/适合移动设备而有所不同)。 现在我有这样的事情: 但是是否有可能仅使用CSS来交换其放置位置,使其看起来像是第一个?HTML保持不变。我已经尝试过使用浮点数和其他东西,但是它似乎并没有达到我想要的方式。我不想使用绝对定位,因为s的高度总是在变化。是否有解决方案,还是没有办法做到这一点? 问题答案: 有人联系我:什

  • 问题内容: 输出: 码: 没有相同的输出,如何实现? 问题答案: 使用相同的HTML结构是不可能的,您必须有一些区别和。 我建议使用s,然后将其显示为块(就像实际一样)。

  • 问题内容: 我正在尝试使用标签在菜单中放置一个名为“ 提交简历” 的链接。由于两个单词之间存在空格,因此将其包装为两行。如何防止CSS包裹? 问题答案: 使用1,或通过将的width 设置为更大的值来给该链接更多的空间。

  • 问题内容: 我一直在做一个项目,内容已经完成。但是对于设计,我正在考虑使用视差滚动技术。 但是,我所能找到的全部还是JavaScript或Jquery,而我只精通CSS3。 可以仅使用CSS3(如果需要使用HTML5)而不是使用jquery插件来实现视差滚动吗?如果我能指出一些相同的教程,那就太好了。 注意:这接近于我想要产生的效果 问题答案: 要产生非常基本的视差滚动效果,下面的示例就足够了。

  • 问题内容: 我觉得我看到了一种使用CSS content属性在元素之前插入换行标记的方法。显然这是行不通的: 但是你怎么做呢? 问题答案: 可以在伪元素生成的内容中使用 转义序列。。 您可能还需要添加到。 注意:表示一行的结尾。 ps另一种治疗方法是

  • 问题内容: 我尝试用每行前面的行号来设置代码前置框的样式。我更喜欢只使用CSS。这就是我所做的 但是,所有行都有数字1。增量无效。这是一个jsfiddle 我做错了什么? 浏览器与此仅CSS解决方案的兼容性如何? 问题答案: 为什么计数器不增加? 您不是在父标记级别重置或创建计数器。如果将以下行添加到选择器,代码将正常工作。如果您没有在父级创建计数器(使用),则每个元素都会创建自己的计数器,然后对