个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
26
4
我正在尝试整合 Highlight.js与博主。到目前为止，语法突出显示效果很好，但我似乎无法找到一种方法来防止 <pre><code> 中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。
我在博客模板中添加了以下内容，在 <head> 的末尾，如网站中所述:
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/solarized_dark.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js'/>
<script type='text/javascript'>
hljs.initHighlightingOnLoad();
</script>
我所有的使用实例是:
<pre><code class='cpp'>
// code here; 'class' changed according to language.
</code></pre>
我尝试编辑 Highlight.js CSS 文件但没有成功。我也试过设置 pre和 code款式 overflow-x属性(property)scroll没有任何变化。我的猜测是 Blogger 会全局覆盖该属性。
有谁知道解决这个问题并避免代码行在代码区域末尾换行/中断，而是显示水平滚动条的方法吗？
最佳答案
这对我有用
.hljs {
white-space: pre;
overflow-x: auto;
}
关于javascript - Highlight.js 与 Blogger : can't disable auto line wrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31152421/
26
4
0
我创建了一个包含社交图标的列表。这些图标应该环绕在小屏幕上。 我使用 flex-wrap: wrap; 它在 Firefox 和 Chrome 中完美运行: 但是 Internet Explorer
我很惊讶地发现我的 white-space: pre-wrap;文本在 > 换行和 "人物。我以为它只会换行，- , 以及一个或多个空格之后。 这是一个fiddle . 它在" 之后换行, 在
我被分配了重新创建以下网站的任务：https://plantanapp.com/learn 我做了一些事情，但是每次我解决一个问题时，都会出现另外两个问题。 我是HTML和CSS的新手，并不真正了解元
我偶然发现了 jQuery 的 wrap() 函数。 当我试图包装两个 div 标签时，它们之间有一些文本，而不是两个 div 之间没有文本时，它的行为不知何故不同。 j查询: var wrapper
我正在尝试在 w3c css 验证器上验证一个 css 文件。当它被测试时，它返回一个错误，指出 “属性 flex-wrap- 不存在:wrap”。这是我 css 验证器认为错误的部分。 .row {
这个问题在这里已经有了答案: Flex items create space between them when they wrap [duplicate] (1 个回答) 关闭 6 年前。 我正在
我正在制作一个网页，其中的标题有一个主要主题和一个描述符，每个都包含在标签中。 我已经查找了 标签，它似乎只在你有长字符串时才有效没有空格。但是我在文本中断断续续地有空格。 我需要的是我可以在两个元
我听到很多关于 wrap 面板加载速度较慢的消息，因此我们需要一个虚拟化面板。 有人可以给我一个小的环绕面板示例，它可以证明加载速度较慢等它需要一个虚拟面板。 我设置了一个环绕面板作为列表框的面板控件
我需要用 sinon 多次包装一个方法，以便能够根据参数返回不同的对象。我该怎么做？ 我要测试的 Controller 看起来像这样: const servicePackagesOfferingRep
我在运行测试时收到了上述错误消息。下面是我的代码(我正在使用 Backbone JS 和 Jasmine 进行测试)。有谁知道为什么会这样？ $(function() { describe("Ca
问题是关于.text-wrapper，它有display:flex; flex-wrap:wrap 应用于它。使用 flex-wrap:wrap 的原因是，否则 .text-wrapper 和 .ta
我有三个带有 Bootstrap 3 的 DIV 容器，其中前两个在第一行，第三个在下一行，直到浏览器宽度直到 991 px。高于 992 px，所有三个容器应排成一行。每行容器的高度应该是最高的 (
(我使用的是 Chrome v.39+) 我正在尝试使用 flex-wrap 属性水平和垂直堆叠子 div，但我看到了一些非常奇怪的行为。例如，如果有 3 个子 div，最后一个的宽度为 100%(使
我必须这样做。适用于宽屏、中屏和小屏 https://pp.vk.me/c629328/v629328337/21bd7/izp9QG8Qcg4.jpg 这是我的代码 .section-items-c
我想要一个每行 3 个元素的容器 flex div，问题是当我添加第四个元素时(它应该自动换行到第二行)，而不是它停留在一行并缩小其他元素。我启用了 flex-wrap: wrap; 这是我的代码:
假设我正在使用一个带有 flex-direction:row 和 flex-wrap:wrap 的 flexbox 容器。 根据浏览器窗口的大小，每行中可能有 2、3、4 或更多项。 我想在每隔一行的
我已经添加了所有属性。当我更改浏览器宽度时，它们开始相互粘连，这是因为我有太多图像而无法正常工作？ 无法将图像换行: #skills>div { margin-top: 80px; displ
我想制作一个网格，其中每行有两张图片。我正在使用 flex-wrap: wrap;它在 android 4.4+ 上运行良好，但不适用于低于 android 4.4 的系统。我想在不使用 flex-w
我的网站出现异常行为。我最近在网站管理员工具上发现，它发现我网站上的许多网页都出现抓取错误 404。我无法理解这些页面是如何创建的，因为所有 404 页面最后都包含这几个字 wrap-function
我正在使用 MongoDB C# 驱动程序构建一些更新语句。 The C# API在 Builder 命名空间中包括 Wrapped 和“Un-Wrapped”方法。 从表面上看，这些似乎因泛型不同而
我是一名优秀的程序员,十分优秀！