css-float

    0熱度

    1回答

    我正在使用liferay 6.2使用我的自定義主題和dockbar我想修改css。我有邊界,我想如下圖所示 .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls { left: 1259px; position: relative; width: 200

    0熱度

    2回答

    我在圖像滑塊的每一邊都有div箭頭按鈕,我想垂直對齊,兩者都對齊到div各自的邊,左邊的箭頭與其左邊對齊div和右箭頭對齊其div的右側。我的問題是,當我使用float:right和line-height時,箭頭的圖像正確地垂直對齊,但按鈕沒有垂直對齊。 這是我的html: <div class="row"> <div class="large-1 columns arrow">

    1熱度

    4回答

    我有一個標題行,其中某些標題名稱太長而無法放在一行上,因此必須進行拆分。標頭固定高度,足夠兩行。文本應該垂直居中。 喜歡的東西: .container { width: 100%; height: 40px; } .pill { display: inline-block; width: 33%; backgroun

    2熱度

    3回答

    我知道,發生這種情況,而是想說明爲什麼,因爲我想更好地瞭解浮技工 鑑於這種HTML <div class="wrapper"> <div class="inner first">1</div> <div class="inner second">2</div> <div class="inner third">3</div> </div> 和這個CSS .wra

    2熱度

    3回答

    我想有兩個圖像,左側和右側的一半,點擊時,重新指向特定的鏈接。 當用戶進入網頁時,我希望他們只看到這兩個圖片(可點擊),我也不希望它可以滾動,也就是說我只想讓它適合單頁。 不是很有經驗的HTML - 如何修改/重寫下面的代碼? <a href="http://www.google.com"> <img src="left_image.png" alt="Go to Google!" > </a

    1熱度

    3回答

    我有兩個元素:一個具有相對定位,定義了我的頭部大部分,另一個是我想「浮動」在頂部的較小元素。 <div id=floater style="float:right"> Floater! </div> <div id=header style="width: 100%; position: relative; background-color: lightgreen"> This is th

    1熱度

    1回答

    我想要有一個列表(ul/li)的項目向左浮動。 每個項目都應該包含一個圖像(img標籤,沒有css背景。) 我希望在這些圖像上顯示文本。 到目前爲止,在我目前的測試版本中,此文本顯示在頁面的左邊界附近,而不是圖像。 這裏我目前的測試代碼 <!DOCTYPE html> <html> <head> <style> <!-- I know that cla

    0熱度

    1回答

    我的目標是讓複選框位於圖像的左側,並且具有與右側圖片相對應的信息,但這不會發生。這是表格的一部分,如果這有所作爲。你有什麼建議嗎? 這是我的html: <div id="bookz"> <input type="checkbox" name="book1"> <div id="b11"> <img src="tewwg.jpg" alt="Their Eyes

    1熱度

    4回答

    我想#first要對齊#container和#second的左邊。 爲此,我在#first和float: right;上#second上使用float: left;。 但是,這會導致#first正好在它旁邊的#container和#second的左邊對齊。爲什麼會出現這種情況,我該如何實現我的願望? 這就是我想要的: 這就是我得到: 這裏是我的代碼: <head> <style>

    0熱度

    2回答

    我試圖按照新網站的視頻顯示網站設計中顯示的模型樣式,但是當我應用float元素並刷新我的網站時顯示爲空白。 這是我的CSS和HTML的片段。 CSS * { margin: 0px; padding: 0px; } h2 { font: bold 23px "Times New Roman"; color: black; } h