在CSS中定义文本格式

时间:2013-12-18 22:58:02

标签: html css

我正在设计一个网页,并且在最后一个小时内一直在敲打我的头,没有运气。

我正在写几段并希望它遵循两个限制:

1)它所在的div需要居中,但我不希望div中的实际文本居中。一个例子是这里的链接/文字:http://paulstamatiou.com/

2)我想将文本约束为div的大小,当一条线遇到该边界时,它会在任何地方打破该行,并在下一行继续左对齐。当我缩小窗口时,我不想隐藏任何溢出。

我的<pre>代码已预先格式化了类,我已将其自定义为

.preformatted {

    font-family: monospace;
    white-space: nowrap;
    text-align: center;


}

对于这个noobish问题我很抱歉,我试图在其他地方找到我的解决方案。我一直在搞乱溢出,空白和其他一些标签而没有运气。必须有一种更简单的方法来做到这一点,而不是像我现在正在做的那样单独间隔每条线。

2 个答案:

答案 0 :(得分:0)

我不确定我是否理解您的问题,但您可以使用margin: 0 auto将div居中,而不会影响其包含的文本的对齐方式。一旦达到div的宽度,文本的每一行都将断开。这是一个jsfiddle演示:

http://jsfiddle.net/Vx9K9/

答案 1 :(得分:0)

1)有几种方法可以使你的div居中。一种旧方法是margin: 0 auto;。您也可以尝试positionmargin来满足您的需求。

2)如果要在文本超出div的边框时将文本换行,则需要在div对象上使用overflow:hidden;