前幾天幫人改一個網站的介面，頁碼的部分要能自動適應內容的長度，還要置中。由於頁碼部分的<div>是嵌套在另一個<div>只內的，他們的前端能作出自動長度，但是只能靠左對齊，用的<div
style="float: left;">，說是<div style="float: center;">無效，我試了一下，的確<div style="float: center;">沒有效果，網上找了一下發現很多說的方法也是float: left;，其他的用JS
的實現的沒試過（我的JS的確不咋的，也懶得試了）。
但是我發現如果現在<div>裡放一個table的話table設定為center是可以實現置中的，然後我就把頁碼的<div>放在了table裡，用table來控制置中，用了這樣的方法來實現自動的長度和置中。類比代碼如下
（轉載請註明出處http://blog.csdn.net/wwwqqeew）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><style type="text/css">#RR { height: 400px; width: 700px; border-color:#000000;border-style:solid;}#R1 { height: 200px; width: auto;border-color:#FF6347;border-style:solid;}#R21 { height: 20px; width: auto; border-color:#FF6347; border-style:solid; text-align:center; margin-bottom:opx;}}</style></head><body><div id="RR"> <div id="R1">顯示新 Div 標籤的內容</div> <table width="auto" border="1" align="center"> <tr> <td><div id="R21" style="float: left;">這裡是加了table的</div></td> </tr> </table></div></body></html>
轉載請註明出處http://blog.csdn.net/wwwqqeew
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
