centering

3熱度

1回答

我正在創建一個簡單的佔位符頁面來宣佈一個新網站的過程。該網頁外沒有別的比居中的背景標誌圖像一個立即的形象我想這是很容易下面的「口頭禪」 - 我把一個定位的背景圖像指定其大小，然後放置一個絕對定位的h1標題，以便在背景圖像下方獲得「標語」。 * { color:white; font-family:arial; margin:0 !important; paddi

0熱度

2回答

如何使用flexbox實現垂直居中文本？

因此垂直居中的文本看起來很簡單，用justify-content和align-items中心，但當我仔細觀察時，我可以看到文本不是真正居中的。它在角色頂部的間距較小。我試圖通過在線搜索進一步調查，我發現這個https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align，但必須有一個更簡單的解決方案。例 https

1熱度

1回答

在網頁html上，css只包含一個圖像，適合圖像到視口和水平和垂直中心

這是一個非常簡單的一次性網頁，所以內聯CSS是任何東西都優先於正確/漂亮的CSS。用例非常簡單：拍攝大圖像（圖像寬2100px，高3000px），並確保它總是調整到90％的視口大小，並且圖像總是垂直和水平居中，無論視口大小如何。需要成爲純粹的HTML/CSS解決方案（無javascript/jquery）。該頁面除了這些圖像（包含在<a href>標籤和鏈接到另一頁面）中不包含其他內容。我一直在

3熱度

2回答

使用Flexbox垂直居中顯示項目內容？

我有以下的簡單列表... ul{background:wheat;height:200px;text-align:center;} li{height:200px;display:inline-block;margin-right:10px;background:green;color:white;} <ul> <li>Item 1</li> <li>Item 2

2熱度

2回答

是否可以將元素錨定到居中元素？

是否可以將textarea錨定到頁面中間居中的圖像，以便在屏幕大小更改時不會移出圖像？實施例上的jsfiddle：https://jsfiddle.net/rxg7t2ca/1/ .container { width: 60%; margin: 0 auto; /* border: 2px solid blue; */ } #cat {

0熱度

3回答

畫布圖像：中心寬圖像並隱藏溢出

我有一個非常寬的圖像，超過大多數查看寬度，必須使用<canvas>標記呈現。我將如何隱藏溢出並將圖像居中？換句話說，我正在尋找相當於background-position: center的畫布。理想情況下，這將以響應的方式完成 - 因此如果查看窗口大小調整，圖像保持居中。下面是一個例子： window.onload = function() { var canvas = doc

0熱度

5回答

如何在div容器中居中放置兩個內嵌塊p？

在div中，我有兩個不同風格的p，我想將兩個p作爲一箇中心在div。如果只有一個p，我只是將width: 100%和text-align: center設置爲p。但如何居中兩個p就像單個p在div？ div { width: 200px; height: 50px; border: 1px solid black; } p {

1熱度

2回答

使用flexbox將內容居中，同時不使元素並排

我使用flexbox將justify-content: center作爲中心內容，但flexbox也將divs並排移動，這是我不想要的。下面是一個例子 .flex { display: flex; justify-content: center; } .content { width: 100px; height: 100

2熱度

2回答

使用顯示器flex居中顯示多個項目

我想用居中顯示居中頁面的絕對中心div：center和align-items：center，但div必須是頁面的100％寬度和高度，處於絕對中心。當您在div的頂部或底部添加元素時，問題就會到來，這會降低我們想要居中的div的高度，並且不再位於絕對中心。這裏是https://jsfiddle.net/nybf8tjc/1 頁我可以只添加 .typewriter{margin-top: -41p

0熱度

1回答

位置在其他跨度和中心上的位置跨度均爲水平分度瓦/可變高度

我有一個安靜簡單的html結構，但我無法弄清楚我必須做什麼才能將8置於0之上而不會丟失包裝div的高度。如果我在兩個跨度上使用浮點數或絕對位置，則divs高度降爲0.如果我在第二個div上使用絕對位置和浮點數的組合，我無法設置水平正確居中跨度集裝箱。我希望你能告訴我我做錯了什麼，以及如何讓第一個跨度在第一個跨度上移動，同時讓第一個跨度確定環繞div的高度。 #wrapper {