调整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元素添加一个调整:

figure {
  width: 100%;
}

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