如何將文本塊居中而沒有下一行相對於頂行居中？

我需要居中文本。我使用文本對齊中心，但下一行居中。我需要將它與頂部的線對齊。如何將文本塊居中而沒有下一行相對於頂行居中？

<div class="box"> 
<div class="text">Some text.Some text.Some text.Some text.Some text.Some text.Some text. 
    Some text.Some text.Some text.Some text.Some text.</div> 
</div>

如何將文本塊居中而不會使下一行相對於頂行居中？

http://jsfiddle.net/heQ9H/

來源

2013-05-14 starbucks

你爲什麼不打破文本在兩個不同的div併爲其分配了「的text-align」的值不同？ – 2013-05-14 16:55:49

如果你想從左邊開始的第二行應該是文字是「對齊中心」的？ – 2013-05-14 16:56:28

@kat_indo文字量不一致。有時很多，有時只是幾個字。 – starbucks 2013-05-14 16:59:53

一種廉價的方式做，這是包，你已經做了一個元素中的文本，尋找最近的寬度，你的文字只是結束而不是換行到其他行留下了大量完美在右邊，並且比使用空間margin: auto;

Demo

.text { 
    width: 490px; 
    margin: 0 auto; 
}

來源

2013-05-14 17:00:47

實施例：http://jsfiddle.net/heQ9H/2/

使箱子的容器寬度達到100％。文本然後以510px的設置寬度居中放置。我認爲這可能是你正在尋找的。

.box { 
    width: 100%; 
} 
.text { 
    margin: 0 auto; 
    width: 510px; 
}

來源

2013-05-14 17:51:14 Matt

在最簡單的例子中，所有需要的是以下內容：

.box { 
    width: 510px; 
    background-color: red; 
    margin: 0 auto; 
} 
.text { 
    color: #fff; 
    font-size: 15px; 
}

你有一個塊容器（.box）配有一個固定的寬度，而你與由相對於其父容器居中申請margin: 0 auto。

根據其他格式需求（例如，多個背景圖像或特殊JavaScript操作的掛鉤），可能不需要.text元素。

小提琴：http://jsfiddle.net/audetwebdesign/heQ9H/3/

來源

2013-05-14 18:49:32

如何將文本塊居中而沒有下一行相對於頂行居中？

回答

相關問題