Question

我正在浏览器中间寻找我的网站中心。这是我的网站：

http://marcosballester1.hol.es/test/test2.html

左侧正确居中，但右侧没有。实际代码：

<style>
.wrapper {
    width: 900px;
    margin: auto;
}
</style>

<div class="wrapper">
HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello
</div>

由于

Answer 1

目前您的内容没有空格：

.wrapper {
    width: 900px;
    margin: auto;
    word-wrap: break-word; // this rule will resolve your problem
}

Answer 2

由于您的文字位于牢不可破，因此您需要使用带有break-word值的 word-wrap 属性：

表示通常不会破坏的单词可能会被任意破坏如果行中没有其他可接受的断点，则指向。

#wrapper { 
    width: 50%;
    margin: 0 auto;
    word-wrap: break-word;
}

中心网站问题

2 个答案: