0

我的博客上有一个代码框，我在其中添加了HTML//代码CSSJavascript

我的 CSS 代码如下所示：

.post blockquote {
    background-image: url("https://dl.dropbox.com/u/76401970/All%20Blogger%20Tricks/Images/blockquote.png");
    background-position: 0 0;
    background-repeat: no-repeat repeat;
    border-color: #DDDDDD #666666 #666666 #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Consolas,'Courier New',Monaco,Courier,monospace;
    line-height: 18px;
    margin: 0 20px;
    overflow: hidden;
    padding: 10px 20px 10px 45px;
}

每当我添加一个大代码（单行）。代码进入下一行，但我希望代码位于同一行并在框下方水平滚动。我试过了overflow: auto overflow-x: scroll overflow-y: hidden

4

1 回答 1

1

在 W3SCHOOLS 上查看这个实时示例。

如您所见..您需要指定awidth和height..这就是您的代码不起作用的原因

除此之外，使用 :white-space: nowrap;这样您就可以在一行中编写代码

看看这个jsfiddle的代码

于 2013-04-01T05:18:35.823 回答