我正在设计一个网页,并且在最后一个小时内一直在敲打我的头,没有运气。
我正在写几段并希望它遵循两个限制:
1)它所在的div需要居中,但我不希望div中的实际文本居中。一个例子是这里的链接/文字:http://paulstamatiou.com/
2)我想将文本约束为div的大小,当一条线遇到该边界时,它会在任何地方打破该行,并在下一行继续左对齐。当我缩小窗口时,我不想隐藏任何溢出。
我的<pre>
代码已预先格式化了类,我已将其自定义为
.preformatted {
font-family: monospace;
white-space: nowrap;
text-align: center;
}
对于这个noobish问题我很抱歉,我试图在其他地方找到我的解决方案。我一直在搞乱溢出,空白和其他一些标签而没有运气。必须有一种更简单的方法来做到这一点,而不是像我现在正在做的那样单独间隔每条线。
答案 0 :(得分:0)
我不确定我是否理解您的问题,但您可以使用margin: 0 auto
将div居中,而不会影响其包含的文本的对齐方式。一旦达到div
的宽度,文本的每一行都将断开。这是一个jsfiddle演示:
答案 1 :(得分:0)
1)有几种方法可以使你的div居中。一种旧方法是margin: 0 auto;
。您也可以尝试position
或margin
来满足您的需求。
2)如果要在文本超出div的边框时将文本换行,则需要在div对象上使用overflow:hidden;
。