在標題的設定上，不知道大家有沒有碰到過這樣的一個情況：在文字字數在一行的情況下，讓其居中顯示，而在文字字數達到多行的情況下，讓其居左顯示

其實當時在自己腦中顯示就是利用js來控制（原諒我是個菜鳥）

經過公司同事的點撥，第一次使用了css來這樣的佈局

廢話多了，直接上個程式碼吧。。

html中

<div>
    <p>標題內容</p>
</div>

css中

div {
    padding : 0 2vw;
    margin : 0 auto; // 使div框居中
    width : 80vw; 
    text-align
 
 : center; // 文字居中顯示
}
p {
    width : auto;  // 必設
    display : inline-block; // 不能設定為block
    text-align : left; // 居左顯示
}

這樣就可以達到效果啦。。。

不需要每次都想著用js來解決問題了