中心對齊流動佈局

如何中心多個屏幕對準流體佈局（沒有固定的像素值，只有％價值）？中心對齊流動佈局

即我要查看桌面同一HTML（可以是多種分辨率），可以是移動的（例如iPhone）或甚至片劑（例如ipad公司）。

我認爲以下解決方案將不會在我的情況下工作;

使用寬度：100％（不會有任何剩餘空間，以中心對齊）

使用widdth：80％左右，然後使用保證金：0自動（這將工作在臺式機上很好，但會浪費在移動devices..ie空間我要優化移動設備上的空間有限）

使用文本對齊：中心（我想中心對齊佈局，而不是文本）

請建議。

來源

2011-09-13 testndtv

使用ALIGN =「中心」的DIV然後U將得到在格內容將圍繞

來源

2011-09-13 06:24:20

-1

這是非常困難的設置頁面，除非它只是文字是完全液體。只是因爲圖像需要以特定尺寸顯示，然後需要重新調整大小以適應較小的分辨率。話雖這麼說，如果這僅僅是一個基於文本的網站，然後在

width: 80%; 
margin: 0 auto; 
text-align: center;

iPhone支持的保證金所以這應該很好地工作。如果你有圖像，需要調整大小，那麼你應該看看一個jQuery或JavaScript來調整調整大小的圖像。

同樣使用text-align：center來向下兼容。使用所有的，作爲一個包裝，然後你的內容和導航

text-align: left;

來源

2011-09-13 06:25:05 CBRRacer

<div style="width:100%; text-align:center;"> 
     <img style="margin:auto; display:block;" src="images/web_banner.gif"/> 
     <p>Website coming soon…</p> 
</div>

來源

2013-09-24 23:02:25 addzies

請擴大，並解釋你的答案多一點設置。 – Szymon

中心對齊流動佈局

回答

相關問題