vertical-alignment

0熱度

3回答

我遇到的問題與一列不垂直下一列調心的內容。我正在使用HTML。除了我複製的一些東西外，我對CSS還不熟悉。第一列有3張圖片，第二列有一張內有多張圖片的表格。第一列的3張圖像在下一列的內容中間對齊。我無法將第一列圖像像其他人一樣排列在頂部。該頁面是：http://www.fredstrainshop.com/ho.html。代碼可能太長，張貼在這裏，但我可以的，如果你想要的。謝謝！

0熱度

1回答

垂直對齊表格單元格中的文本

我在將這個定價表格的「團隊」，「業務」等H4標題垂直對齊到它們各自的表格單元格方面存在困難。該表是一個相當簡單的沒有太多樣式應用，所以我不知道我在做什麼錯在這裏。我曾嘗試在div中包裝文本，並將父div的寬度和高度設置爲100％。它沒有工作。這是我工作的鏈接的做法網站： https://netterrain-new-features-clone.mystagingwebsite.com/net

1熱度

1回答

如何垂直居中引導列內容塌陷垂直於小屏幕

短版：我使用的引導3.3.7，並有一排，我需要：的列當屏幕足夠寬時列內容當水平時要垂直居中垂直堆棧的列，當屏幕太窄時列高不是彼此相同或提前知道。我如何實現我的三個目標？詳細信息：我有一個可視化組件在我的網頁，對LHS的圖像，並在RHS在媒體塊一些文本。媒體塊比圖像高（確切地說，多少取決於屏幕寬度和文本的包裝）。我們正在使用引導3，所以這個基本的HTML是： <Row> <

0熱度

3回答

如何居中大字體文本並讓小字體文本居中對齊底部

我想要在同一行中有兩個文本塊，其中較大字體的文本垂直居中居中，較小字體的文本具有與第字體較大的那個。看看我的小提琴在哪裏大文本居中根據需要。儘管較小的文本也居中，但我希望它稍微低一些，以便感覺兩個文本塊在同一「行」上。 https://jsfiddle.net/phzzhevq/2/ HTML： <div class="my-table"> <div class="my-cell">

0熱度

1回答

垂直中心標題中的各種文本？

這可能是非常容易修復的，但我只是很難做到這一點。所以，我想讓我的名字和導航欄中的標題垂直顯示在中心。我目前的代碼只能讓我的名字居中，因爲它是粗體字，字號更大。這是代碼： HTML： <div id="header"> <ul> <div id="header-wrapper"> <div class="header-name"> <li> <a h

1熱度

2回答

CSS - 將圖像移動到圖像的左上方

我試圖將文本移動到圖像的左上方，但我無法做到。我試着垂直對齊它並添加填充，但我很積極，這是我忽略的一個愚蠢的小修補程序。這裏是的jsfiddle https://jsfiddle.net/impo/se9tL7ds/ HTML <div class="test"> <p>100</p> <img alt="test" src="http://cdn.bulbaga

0熱度

1回答

麻煩垂直居中鏈接響應自助增加navbar

我一直在我的頭撞在桌子上現在一會兒在這個。我猜測有一個簡單的解決方案或黑客，我錯過了。我已經嘗試調整鏈接的填充和邊距，李和他們周圍的容器。我希望它們在導航欄中保持垂直居中，而不管屏幕大小。現在，當視口大小調整時，它們會上下移動。我的代碼如下： /* Style for Navbar/Header */ nav.navbar { padding: 0 1% 0 1%; }

0熱度

1回答

使用UL垂直居中顯示圖像，並顯示爲內嵌

所以我試圖使用vertical-align：middle垂直居中我的圖像，但是我嘗試的所有東西似乎都不起作用。我有我的圖像在UL顯示爲內聯，所以用戶可以從左到右在div中滾動，我希望他們在div的中間居中。不，我不想用inline-block和table-cell來顯示它，而不是我想要實現的效果。在我的演示看看here 下面是其中圖像保存我的子容器。 .child { position: a

0熱度

1回答

HTML垂直滑塊元素

希望快速 - 爲什麼我的滑塊元素不能垂直定向？我錯過了什麼？謝謝！ CSS div.CRHslider{ -webkit-appearance: slider-vertical; data-orientation="vertical"; } HTML <div id="CRHslider"> Control Rod Height <br> 0% <input type="

0熱度

2回答

表格單元格中的輸入和標籤對齊方式

如何將label和input垂直對齊並水平居中放置在表格單元格中？請幫忙。謝謝。現在看起來應該如何看待 <!DOCTYPE html> <html> <head> \t <title></title> </head> <body> \t <style type="text/css"> \t \t table { \t \t \t width: