我需要将换行的文本居中

Question

我需要将换行的文本居中

我已经包装了文本以更好地包含它，但它使它不再居中；它被证明在页面的左侧，但我需要它居中。

我最初根本没有样式部分，但我认为我需要它来包装我的文本，因为我不希望由于内容的性质而跨越整个页面的单词。

简而言之，我只需要我的内容再次居中，但我需要 430px 的文本换行。

谢谢你。

这是代码：

<!DOCTYPE html>
<html>
<title>contact</title>

    <body>
    <div class=“panel”>
    <center>
    <img src=img/about_blackonorange.png height=215 width=215>
    </center>

<center>        
<div class="twelve columns nav-bar--column">
<nav class="nav-collapse">


    <a href=home.html>home</a>
    <a href=news_v2.html>news</a>
    <a href=visual_v2.html>visual</a>
    <a href=audio_v2.html>audio</a>
    <a href=contact_v2.html>contact</a>
    <a href=about.html>about<a>


</nav>
</div> 
</center>

<style>
div {
    width: 430px;
    center;
    }
div.a {
    word-wrap: normal;
}

</style>

<!—-CONTENT GOES HERE—->

<center>
<p>
<div class="a">
blah blah blah blah blah. 
<br></br>
blah blah blah blah blah. 
</div>
</p>
</center>



    </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Oui*_*sal 5

它应该是 text-align : center

div {
width: 430px;
text-align : center;
}

Run Code Online (Sandbox Code Playgroud)

这是一个工作示例：

div {
width: 430px;
text-align : center;
}

Run Code Online (Sandbox Code Playgroud)

div {
    width: 430px;
    text-align : center;
    }
div.a {
    word-wrap: normal;

Run Code Online (Sandbox Code Playgroud)

归档时间：	7 年，6 月前
查看次数：	4985 次
最近记录：	7 年，6 月前