css中間文本框

我在html中有一些文本。大約2段。css中間文本框

我想讓它出現在中間，我可以在html中使用它，但我希望它在兩側「進入」，所以它只填滿屏幕中間，遠離兩側邊緣。

如何做到這一點？

編輯：說明頁：

空的空間| < ------ text here ------> |空的空間

來源

2011-01-27 David19801

什麼「在」確實意味着 – 2011-01-27 17:36:39

請提供一些代碼，你都試過了，並且可能一個你想達到的圖像。 – zzzzBov 2011-01-27 17:37:08

「in」意味着在中間，就像屏幕中間一樣...... – David19801 2011-01-27 18:05:13

有在頁面居中文本的各種不同的方式。現在我會假設你的意思是水平居中。

您還沒有提供任何人一起工作，所以我會承擔碼去如下的任何代碼：

<html> 
    <head> 
    <title>Test Page</title> 
    </head> 
    <body> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus sapien vitae ipsum semper sagittis porta odio tempor. Pellentesque porta mattis porta. Cras in condimentum tellus. Nam porta sapien vel felis aliquam id aliquam neque condimentum.</p> 
    <p>Mauris in tellus magna. Nam cursus dapibus diam, ut cursus risus placerat sed. Praesent volutpat elementum faucibus. Donec mi arcu, faucibus eget porta a, feugiat eu dui. Sed dapibus feugiat quam, vel venenatis neque venenatis ut. Ut condimentum tellus eget ipsum aliquam eu faucibus erat egestas. Pellentesque ut metus a elit suscipit vulputate id id magna. Praesent eu sem urna, eu fermentum enim.</p> 
    </body> 
</html>

要在頁面中間居中段落文本，你需要添加下面的CSS（在style元素或外部.css文件）：first example

p 
{ 
    text-align: center; 
}

這可能是不你以後，因爲它不會推文遠˚F從邊緣開始。如果您想文本有一些填充流體寬度，使用CSS來代替：second example

p 
{ 
    padding: 0 100px; 
}

當然你可以中心使用這兩種方法，使文本的文本爲中心的和遠離客場邊緣。

如果你想一個靜態寬度撐中心，使用CSS，而不是填充：third example

p 
{ 
    margin: 0 auto; 
    width: 300px; 
}

來源

2011-01-27 18:43:14 zzzzBov

-2

最簡單的方法是使用一個表

<table><tr> 
<td style="width:15%"></td> 
<td> 
<------text here------> 
</td> 
<td style="width:15%"></td> 
</tr></table>

來源

2011-01-27 18:12:31

由於OP沒有提到他試圖顯示錶格數據，所以我將對此視而不見。爲了在頁面上顯示元素，你不應該使用表格。 – 2011-01-27 18:15:31

想想你找margin: 0 auto;將您的中心元素。

所以實現

空的空間| < ------ text here ------> |空的空間

你可以做

<div> 
    <div style="margin: 0 auto; width:300px;">text here</div> 
</div>

來源

2011-01-27 18:13:12

css中間文本框

回答

相關問題