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



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

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

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

问题:

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

更多关于"Pre"的信息:

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

根据声音,您需要使用CSS overflow属性。您可以将其添加到主题的style.css文件中。

pre {
  overflow: auto;
}

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

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

最新更新