Question

对于具体问题感到抱歉 - 我正在为我的投资组合http://ashereinhorn.com/portfolio/2014/hex-tile-world-script-page-unfinished/

撰写此页面

然而，该列非常窄，导致一些不受欢迎的黑暗代码段格式化。

如何让这些部分进一步向右扩展（和左？），以减少换行。

我用HTML编写所有内容，因此只有这样的解决方案才是完美的。我不反对你必须扩展它们或者打开一个显示内容的浮动元素的解决方案。

提前谢谢你。

Answer 1

你的意思是这样吗？

pre {
  background-color: #272a2c;
  color: #8f969c;
  padding: 30px 15px; // reduces the padding for right and left
  display: block;
  left: 0;
  position: absolute;
  width: 1200px;
}

.single-project .entry-content {
    position: relative;
}

除非您实际关闭它，否则无法突破您的网站容器。这是一个让它工作的黑客，但由于多种原因它并不理想。通常不建议使用绝对定位。

在您的情况下，您必须关闭“wrapper modular clearfix”div，并启动另一个宽度更大的div。

<div class="wrapper modular clearfix">
    //Article text
</div>
<div class="wrapper code-example">
    //Code insert
</div>

如何使此页面的代码段更具可读性？

1 个答案: