是否有任何代碼或標籤可用於集中任何HTML元素?我現在所知道的唯一方法是反覆調整填充和邊距(左側)以將元素推到大致居中的位置。我知道你可以集中文本,但這似乎不適用於其他元素,如divs,對象等。有沒有一種方法或標籤可用來居中任何HTML元素?
0
A
回答
0
爲了使頁面的內容中心嘗試使用
body{ margin:0 auto;}
對齊文本中心使用
p{text-align:center} or div p{text-align:center;}
通過使用HTML標籤的文本
<center>your text goes here</center>
您可以創建一個類,你可以寫你的CSS像
<div class="align-center">Your text goes here</div>
.align-center { text-align:center; } or .align-center { margin:0 auto; }
有很多方法可以使元素居中,它完全取決於你創建了什麼樣的佈局以及你想要創建什麼樣的元素。一般來說,通過使用CSS我們可以使我們的元素中心或根據我們的要求。如果你有任何特殊的情況,然後問。
0
在CSS中,代碼是{text-align:center;}
。
您可以用兩種方式在HTML中做到這一點,儘管這不是一個好習慣。一個是<div align='center'>
,另一個是<center>thing to center</center>
0
對於div的嘗試:
body {
text-align: center;
min-width: 600px;
}
#wrapper {
margin:0 auto;
width:600px;
text-align: left;
}
基本上 - 你的包裝格邊距設置爲auto幾乎總是工作,以及你想在div文本對齊中心以其爲中心。
在HTML
<center> </center>
效果很好。
0
-1
我假定你的意思:你有一個div id爲X,高度= H,寬=要水平居中W和垂直相對於父容器C(即C必須用位置:相對定義)
在你的CSS文件中,你應該像這樣定義X的類:
#X{
position: absolute;
top: 50%;
left: 50%;
margin-left: -(W/2)px;
margin-top: -(H/2)px;
}
+0
絕對不要使用position:絕對不必要的。 – sandeep 2012-03-06 16:09:44
0
從我的經驗,中心的元素,最好的辦法是通過設置CSS是這樣的:
width: 300px; /* You actually have to set the width! */
margin: 0px auto; /* margin-top & bottom = 0, margin-left & right = auto */
爲中心,您的simpy使用text-align: center;
文本。
相關問題
- 1. 有沒有一種方法來定位前一個元素?
- 2. 有沒有一種方法可以使用rake任務或方法來重寫使用erb的HTML部分?
- 3. 有沒有一種簡單的方法來document.createElement多個元素?
- 4. 有沒有一種方法可以製作全球標籤
- 5. 有沒有一種方法可以用相同的元素「標記」一個numpy數組中的相鄰元素?
- 6. 有沒有一種方法來嵌套complexTypes沒有包裝標籤?
- 7. 有沒有更簡單的方法來定義任何元素?
- 8. 有沒有一種方法來單元測試異步方法?
- 9. 有沒有一種方法可以使用書籤排序gmail?
- 10. 有沒有一種方法來grep或解析一個變量
- 11. WPF:是否有一種類似HTML span元素的XAML標籤?
- 12. 有沒有一種乾淨的方法可以在Hudson中刪除svn標籤
- 13. 有沒有一種方法可以在Python中爲lxml指定一個固定(或可變)數量的元素
- 14. 有沒有一種方法可以在元素方面「差別」兩個XML?
- 15. 有沒有一種方法可以區分JavaScript中的鼠標?
- 16. 查找在div元素中沒有任何標籤的文本
- 17. 有沒有一種快捷方式來引用我的DIV中的元素?
- 18. 有一種方法可以刪除所有這個標籤?
- 19. 有沒有一種方法來作爲Zend_Form元素名稱的前綴?
- 20. 有沒有一種方法來匹配rspec-puppet中的參數的「任何值」
- 21. 有沒有一種方法可以對元素執行外部風格?
- 22. 有沒有一種方法可以使用opencv去除少於兩個鄰居的圖像中的像素?
- 23. UML中有沒有一種方法來表達「虛擬」用例?
- 24. 有沒有一種方法來確定語法中的歧義?
- 25. 有沒有任何方法來書籤或鏈接到頁面的一個部分沒有錨點?
- 26. 沒有屬性的HTML表單標籤 - 沒有任何理由?
- 27. 有沒有一種方法來建立一個「或」與has_child使用Bodybuilder ElasticSearch
- 28. 任何方法來居中/填充/定位一個元素的父div與`position:static`?
- 29. 有沒有一種方法可以在Polymer.js中使用Slick-Carousel?
- 30. NSXMLParser foundCharacters方法沒有解析沒有結束標籤的元素
這是我正在處理的頁面。我希望Facebook的評論部分是集中的。 http://newmedia.leeds.ac.uk/ug10/cs10mm/youtube.html – 2012-03-06 16:31:17
嗯讓我看看親愛的.. – w3uiguru 2012-03-06 16:46:06