html - 使用名为 'Pre' 的字体样式时,如何摆脱 Wordpress 中的滚动条/箭头

标签 html css wordpress wordpress-theming

在 Wordpress 上我使用字体 Pre ,而不是无缝显示格式化为固定空间字体,这是我想要的,我得到了

  • 固定空格字体
  • 内部矩形空间区域,颜色为灰色以突出自身
  • 它在右侧和底部有水平和垂直滚动条,带有箭头。

那些箭头看起来很难看,会分散整体布局的注意力。而且,没有什么可以滚动的,所以箭头和滚动条是没有意义的。

问题:

如何去掉那些滚动条和箭头,同时保持固定的字体样式?我有 WordPress 4.1,默认主题是二十十五。

关于“Pre”的更多信息:

为清楚起见,我指的不是 HTML 的 <pre>标签。我的意思是 WP 的字体样式称为 Pre。经检查,该字体确实插入了 HTML 标签 <pre>围绕“Pre”样式的文本 block ,但我猜是 CSS 样式或可能是 WP 的主题导致出现这些箭头和滚动条。

最佳答案

听起来您需要使用 CSS overflow 属性。您可以将其添加到主题的 style.css 文件中。

pre {
  overflow: auto;
}

注意:如果这不起作用,请告诉我并根据下面的文章进行相应调整。

参见: http://www.w3schools.com/cssref/pr_pos_overflow.asp

关于html - 使用名为 'Pre' 的字体样式时,如何摆脱 Wordpress 中的滚动条/箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28481593/

相关文章:

php - 带有 wpdb 的 wordpress 图像 slider

php - 将自定义数据库与 Wordpress 集成

javascript - 通过 AJAX 显示 WordPress 最后的帖子

javascript - 请告诉我我们将如何以及在何处定义 "addEventListener"

javascript - 如何将格式化代码放在html中的占位符中

css - 如何在 Webkit (Safari/Chrome) 中动态加载 css 规则?

javascript - 确定范围输入上 "thumb"的移动范围

javascript - 如何在标签元素内的文本旁边添加新文本

javascript - 禁用一个 HTML 页面中的所有 JavaScript 和 jQuery

css - Aptana 中的自定义 CSS 代码格式