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

时间:2015-02-12 15:39:52

标签: html css wordpress wordpress-theming

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

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

这些箭头看起来很丑陋并且分散了整体位置。此外,没有什么可以滚动,所以箭头和滚动条没有意义。

问题:

如何在保留固定字体样式的同时摆脱那些滚动条和箭头?我有WordPress 4.1默认主题,Twenty Fifteen。

更多关于" Pre":

为清楚起见,我并不是指HTML <pre>标记。我的意思是WP的字体样式叫 Pre 。经过检查,该字体确实在&#34; Pre&#34;样式的文本块周围插入了HTML标记<pre>,但我猜测它是CSS样式或可能是WP的主题导致那些箭头和滚动条显示。

1 个答案:

答案 0 :(得分:0)

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

pre {
  overflow: auto;
}

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

请参阅: http://www.w3schools.com/cssref/pr_pos_overflow.asp