vertical-alignment

0熱度

3回答

的底部我有具有以下HTML結構的產品列表： <div class="parent"> <img src="myimg.jpg" /> <div class="title">My Title</div> <div class="buttons"></div> </div> 有許多家長彼此相鄰。首先，我有一個問題，他們往往會是不同的高度（由於標題的長度不同）。我使用

2熱度

1回答

如何垂直對齊此導航欄？

我有一個導航欄，但我不知道如何垂直對齊一些類。我使用引導程序。導航欄是固定的位置。導航欄分爲3行。搜索行是確定的，但我不能垂直對齊其他行。下面是HTML： <div class="col-sm-10" > <p>Reményik Tudástár</p> </div> </div> </div> </div>

0熱度

1回答

旋轉木馬，使項目相同的高度同級項目的DIV

我有一個響應貓頭鷹旋轉木馬（V2）內一個div，每個項目或幻燈片具有圖像和低於可變長度的一些文字，見下圖：可以看出，無論文字有多少，所有圖像都對齊到相同的基線。我已經通過將文本div設置爲固定高度來完成此操作。問題是，如果只有一行文字，我會在旋轉木馬下方留下不必要的空間。如果我讓div來設置自己的高度，我得到這個：所以我的圖片不再一字排開。 HTML <div> <img cla

3熱度

2回答

Flexbox垂直對齊包裝器中的特定內容？

我的CMS有相當嚴格設置2列有標題和內容，如下圖所示： .wrapper { overflow: auto; border: 1px solid #ccc; text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex;

2熱度

1回答

跨度與浮動垂直對齊

我有一個問題，垂直對齊3跨度內的一個div。這很容易實現，但是當我使用浮動時，垂直對齊不起作用。我希望淺藍色的酒吧能夠垂直居中。代碼： .container { } .text-1 { float: left; padding-right: 10px; } .bar { background-color: lightblue;

3熱度

3回答

將hr與文本垂直排列在div後面

我正在嘗試創建一個將在主div後面有一行的橫幅/標題。我想如圖所示線和絲毫不差，以在中間（垂直）的文本：的問題是，如果我改變瀏覽器的大小，hr和文本沒有對齊（垂直）。下面是第一個版本： .section { \t clear: both; \t padding: 0px; \t margin: 0px; } .col { text-align:c

-1熱度

1回答

垂直居中，絕對位置，多個元素

我正在使用以下方法在具有未知高度的div中垂直居中未知高度的元素。 http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ 說我爲中心的元素是錨標記，所以這個答案解決了位置相對問題。 When to use position absolute vs position relative when vertica

0熱度

1回答

NavBar在移動設備上垂直堆疊

使用引導程序的我的熱門NavBar在桌面上很好，但是當我使用我的Mobile瀏覽我的網站時，導航欄鏈接顯示爲垂直堆疊，而不是水平，爲什麼會發生這種情況？任何線索？我使用的引導，這裏是我的代碼： @import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'; body { back

0熱度

1回答

Bootstrap旋轉木馬：向上滑動垂直居中的文字

我將旋轉木馬項目中的文字居中使用display:table-cell和vertical-align: middle。它工作正常，但當幻燈片更改其中的文本顯示在頂部的第一個，然後居中。這裏是我的代碼 - JSFiddle 如何繼續進行？

2熱度

2回答

圖像和多行文本和鏈接垂直對齊

我有一個圖像和一些文本在p標籤和鏈接垂直對齊。當我浮動圖像時，它可以很好地工作。但是當我在p標記和鏈接中使用填充時，它不能完美地填充填充。 click here to see the image I need look like here is a fiddle .wrapper { font-family: sans-serif; width: 400px;