vertical-alignment

-1熱度

1回答

我有一個inline-flex元素由兩個內嵌塊元素結束。他們都是不同的高度，但我想把他們與他們的垂直中心。在webkit中，通過將position: relative; top: 53px;應用於內嵌塊元素，可以實現這一點。但是，在Firefox中，這將內聯塊的方式放在我想要的地方。刪除top偏移量我可以看到，webkit和firefox中元素的默認位置完全不同。這裏有一個小提琴：https

2熱度

4回答

Vertical-align在flex項上不起作用

我試圖垂直集中flex盒元素中的純文本。我決定使用屬性display:table-cell與vertical-align: middle。但它似乎不能在Flexbox元素中正常工作。我怎樣才能垂直集中它，理想情況下不使用包裝或定位，並仍然用橢圓截斷長文本？ .container { width: 400px; height: 400px; font-w

0熱度

1回答

不能垂直對齊div內的文字

我想讓這些div內的圖像和文字都垂直居中。我得到img與top: 0; bottom: 0; margin: auto;一起工作。然後，我試圖通過將line-height和height設置爲與容器相同的高度來垂直對齊文本，但是它不能很好地居中，它已經關閉了一定量。我該如何得到這個工作？ <div class="border" style="border:1px solid red; width:

0熱度

2回答

如何對齊表格單元垂直中心的CSS箭頭？

我有一個CSS箭頭，並在表格單元格一些文本... <td><div class="arrow-up"></div> + 1492.46</td> 如何獲得的箭頭對齊到文本的左側，並在單元格中的垂直中心？我曾嘗試上的箭頭下面的造型...... .arrow-up { width: 0; height: 0; border-left: 8px solid transp

0熱度

1回答

由於font-family引起的垂直對齊問題

我正面臨文本在垂直方向上垂下標籤的問題。這個問題特別針對Open Sans谷歌字體。 Arial和其他字體似乎工作正常。不知道這是什麼問題。請在這裏找到的jsfiddle： https://jsfiddle.net/or7nkyts/3/ 第一個按鈕具有開放SAN和第二一個具有Arial字體家族。任何幫助表示讚賞。 <a target="_blank" href="javascript:voi

0熱度

1回答

亞美尼亞和高棉字符扭曲在React本機/ iOS的真實文本對齊

在我的React本機應用程序中，我希望顯示與各個國家的貨幣符號的金額，垂直居中顯示在其容器中。這適用於大多數貨幣符號，但有些會改變整個文本的垂直對齊。到目前爲止，唯一這樣做的是亞美尼亞德拉姆和柬埔寨瑞爾斯的跡象。我目前無法測試Android上發生了什麼，所以只能說明這發生在iOS上。這是我可以在React Native級別或iOS級別解決的問題嗎？

1熱度

1回答

垂直拉伸柔性箱項目

我想讓列表佔用所有的藍色空間，但我不想添加其他項目。我可以給這些物品填充適量，以使其完美貼合，但我覺得這不是正確的方法。所以我認爲必須有一種方法可以用flexbox來做到這一點。見plunker和摘要： html, body { margin: 0px; height: 100%; } main { display: flex;

0熱度

1回答

垂直對齊背景圖像中的兩個div設置爲覆蓋

我有一個div，它使用background-image屬性和background-size設置爲cover。在包含背景圖像的<div>之內，我有一個<div>，其中包含一個文本塊和一個包含圖像的<div>。我想在背景圖像中垂直對齊兩個<div> s。我有代碼（下面），它們相互垂直對齊<div>，但不在背景圖像中。我知道我的代碼不起作用，因爲垂直對齊需要在bg課程級別發生，但我無法弄清楚如何使其

0熱度

1回答

定位表單和多個圖像

我在垂直和水平方向上居中放置一個表單，我已經設置了水平居中表單，但無法設置垂直居中而不導致表單和圖像重疊。在頁面底部還有多個圖片橫向居中的問題。 .banner { position: relative; width: 100%; top: 0; left: 0; padding: 0; margin: 0;

0熱度

1回答

如何垂直對齊浮動圖像

我有這個浮動圖像，我想在flex-navbar的左邊。佈局應該是響應式的，圖像垂直對齊中間（垂直對齊：中間;不起作用）。在此先感謝！ https://jsfiddle.net/wonrpfsc/ <div class="container"> <a href="#"><img id="logo" src="http://brandmark.io/logo-rank/random/ap