调整Jekyll代码段的宽度

Question

在我的Jekyll主题中，我可以使用以下代码将代码段添加到我的降价帖子中：

{% highlight ruby %}
def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}

然而，这个代码块并不像我想的那么宽。我希望它在屏幕上跨越更大的宽度。是否有可能进行调整？任何指针都非常感谢！感谢

Answer 1

您可以尝试在主css文件的末尾添加.highlight { width: 100px; }。

Answer 2

以下是我为博客修复此问题的方法。修改_sass/_basscss.sccs并为数字元素添加调整：

figure {
  width: 100%;
}

将宽度设置为固定值可能会破坏移动设备上的布局，因此这可能不是最佳解决方案。此外，根据您的主题，即使在桌面浏览器上，代码也会在滚动框中被截断，因此请明智地使用空格和强制换行符。