html - <code> 元素的 css 样式属性是什么?

标签 html css

我注意到嵌套在代码标签内的文本的整洁属性 - 它适应其包含的 div,这意味着如果屏幕尺寸减小它会自动换行,所以我想在class并应用此 class<span>这基本上与 <code> 相同标签。然而,我没能完全模仿它的行为,所以我通过用 <code> 包装我的文本暂时解决了关于我的产品样式的问题。无论如何标记并更改字体的大小。
我一直在整个互联网上搜索,但找不到影响封装在 <code> 中的文本的样式的源代码。标签,如果有人找到(或创建)我找不到的东西,可以发布需要添加到 <span> 的类的 css 属性,我将不胜感激。使其文本的行为与在 <code> 中完全相同标签。

最佳答案

您可以使用此 CSS 定义模仿 codepre 的空白行为:

.codestyle {
    white-space: pre;
}

关于html - <code> 元素的 css 样式属性是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53276155/

相关文章:

html - css - head 标签中的样式与 css 文件导入 - 推荐哪个?

javascript - 使用 Bootstrap 固定标题和部分 anchor

html - 在 100vh/100vw div 附近获取边界? (影响div的总宽高)

html - 为什么我的 `inline-block` 不起作用?

javascript - 为什么我的 Bootstrap v4 导航栏不能正确显示?

html - 使用 Nokogiri 解析 nessus HTTP 响应?

javascript - AJAX 更新文本字段单词计数器上的每个输入

html - 在 Google Drive 上显示 HTML 文件?

html - 如何提高同时播放的多个相同视频标签的性能

html - 如何阻止 float div 换行到下一行 - 尝试了一切