cost 71 ms
設置部分<li>水平導航欄中的元素向右浮動 CSS 顛倒了它們的順序</li>

[英]Setting portions of <li> elements in horizontal nav bar to float right with CSS reverses their order

我正在嘗試創建一個固定在頁面頂部的基本水平導航欄,其中包含 4 個鏈接。 我希望最后兩個鏈接位於導航欄的右側,編號為 CSS,但如果不顛倒最后兩個鏈接的順序,我似乎無法做到這一點。 我不想只切換 HTML 本身的最后 2 個 &lt;li&gt; 元素,因為屏幕閱讀器會以相反的順序讀取它。 這是我做 ...

css float: right 不能正常工作

[英]css float: right is not working correctly

我是 web 開發的新手,我正在嘗試自己復制這個網站。 現在我遇到了一個問題。 我不確定為什么 float: left (在@media 下)不能正常工作。 我確保應用 box-sizing: border-box 以允許在元素的總寬度和高度中包含填充和邊框。 下面是我的代碼: * { box-s ...

圖像飄出<main>元素</main>

[英]Image floating out of <main> element

我一直試圖將一個數字浮動到某些文本的右側,但圖像一直浮動。 代碼圖片浮出邊界我試過盡可能多地擺弄但無法弄清楚。 當頁面處於 100% 縮放時,圖形會浮出水面,但當放大時,它正好適合。 抱歉,我是新手,還不確定堆棧是如何工作的。 ...

圖不會停留在 html 的邊界內

[英]Figure won't stay within border of html

問題:我嘗試向右浮動的圖像漂浮在 html/body 元素周圍的黑色邊框之外,導致它有一半圖像不在視野范圍內,它看起來像是向右下方浮動而不是向右浮動為什么圖像不會包含在正文邊框內? CSS HTML 我試過移動整個身體的邊框,甚至是頁腳,但它只是留在原地任何幫助是極大的贊賞:) ...

在沒有“white-space:nowrap”的div上強制浮動:左

[英]force float:left on divs without "white-space:nowrap"

有這樣的事情: 我希望“浮動”div 漂浮在彼此的左側,即使它們溢出了容器。 我嘗試在浮動 div 上使用“float:left”,但它不起作用。 它們相互堆疊。 因此,我找到了一種解決方法,在浮動元素上使用“display:inline-block”,在容器上使用“white-space:nowr ...

為什么“float-start”和“float-end”會斷開我的<span>元素與 div 的連接?</span>

[英]why are "float-start" and "float-end" disconnecting my <span> elements from the div?

我正在運行 reactjs 並嘗試將float-start和float-end分別用於div左側和右側的 position “開始”和“結束” span元素。 我把它歸結為這個基本演示: index.js : index.css : 當我使用npm start運行時,我希望看到一個紅色條表示“ ...

如何剪輯浮動內容

[英]How to clip floated content

下面的代碼片段顯示了一些標題,一些圖標漂浮在左邊。 父 div 具有定義的高度,並設置了scroll:auto 。 目前,滾動到底部看起來像這樣: 但是,我想在文本條目結束時剪掉圖標,所以當滾動到底部時,它看起來像這樣: 之所以使用float ,是為了在圖標不多的時候,文字是這樣流動的: . ...

將文本和圖像向右跨度,但它們都向左對齊

[英]span text and image to the right but both of them aligns to the left

這是我正在嘗試做的事情: 只是一個簡單的對齊方式,但是如果我將圖像向右浮動,如果我先放置文本,它就會轉到另一邊 https://jsfiddle.net/3gc0qjzo/ 如果我先放圖片,再放文字,然后做一個float:left; 它可以找到,但我不確定如果圖像最后顯示如何對齊它們。 ...

使旁邊的兩個盒子始終具有相同的高度

[英]Make both boxes beside have always same height

我對一切都很陌生,正在努力實現 header,2 個不同寬度的框和一個頁腳。 一切都在一起,但我需要這樣做,所以當框中的內容發生變化時,高度始終保持不變。 我已經嘗試實施 flexbox 但無法使其工作。 我不允許在這個項目上使用溢出。 我應該盡可能多地使用花車! 我想獲得像我附在此處的這張照片的外 ...

我想將圖像浮動到中心,並具有在它旁邊左右書寫的能力,但是 float: center 甚至不存在

[英]I want to float the image into the center with having the ability of writing left and right next to it, but float: center does not even exist

浮動:中心劑量甚至不存在我嘗試了很多方法,但都沒有奏效。 我尋找解決方案,所有這些都與對面的文本左對齊或右對齊。 但是兩邊的文本都沒有對齊中心......所以,請提供一個解決方案。 最好在img標簽中寫樣式... 到目前為止,這是我的 html: ...

CSS:1)如何使浮動元素的高度不受子元素的影響? 2)如何在帶有浮動的元素上指定最小高度?

[英]CSS: 1) how to make height of float element not affected by child element? 2) how to specify min-height on an element with float?

所以,我一直在尋找答案一天,但我仍然沒有得到答案。 我不太擅長 CSS。 案子我想創建 2 個相等的正方形(1:1 比例)並排(100% 寬度),並留有一點邊距。 在正方形內部,有較小的正方形。 大正方形的min-height應該是大正方形的寬度。 我做了什么大廣場我做了大廣場,它看起來像這樣。 ...

HTML/CSS 使表格全寬,同時具有浮動右圖像

[英]HTML/CSS Make table full width while having float right image

我想制作一張完整(剩余)寬度的桌子,而不會被“浮動:正確”圖像推開。 (簡化的)代碼是這樣的: 如果為表格指定樣式"width: 100%" ,它將以全寬顯示在圖像下方。 如果我沒有設置寬度,它的最小尺寸可以適合沒有換行符的文本。 我想讓它填滿圖像剩下的所有空間(最小尺寸,所以在極端情況下它會被推 ...

三柱設計

[英]Three Column Design

我正在嘗試做一個作業,我無法解決它 2 天。 flexbox,網格,引導程序將不會使用在第一種情況下, 最多 992 像素,3 個框將出現在等間距的居中頁面上。 在第二種情況下, 在平板電腦視圖中(介於 768px 和 991px 之間,含),前 2 個部分應位於第一行且大小相同。 第 3 部分應 ...

安排第一半左邊和 rest 右邊

[英]arrange 1st half left and the rest right

前半段左后半段如何排列? (而不是第一個向左,第二個向右,第三個讓,第四個向右等等) Javascript: CSS: PS:順便說一句 tempTime 是一個 momentjs object (這與問題無關,以防萬一有人想知道) ...

當我沒有為第二個 div 設置“float:left”時,為什么 div 會崩潰

[英]Why are the divs collapsing when I don't set "float: left" for the second div

當我對代碼中的兩個 div 使用float: left時,它們工作正常,但是如果我從第二個 div 中刪除float: left屬性,那么兩個 div 都會崩潰,而DIV #2文本不會受到干擾。 我真的無法弄清楚為什么會這樣。 任何幫助是極大的贊賞 1) float: left --- 用於兩個 d ...

將移動 div 重新組織到桌面,同時它仍然保持響應並且有時不顯示元素

[英]Reorganizing mobile divs into desktop, while it remains responsive and elements are not displayed sometimes

是否可以按照下圖中的方式將 div 從移動視圖重新組織到桌面? 我嘗試使用網格,但結果並不令人滿意,因為正確元素的高度被拉伸了。 此外,當某些 div 可能不可見、根本不顯示時,通過網格處理情況也很困難,因為用戶沒有提供那種類型的內容。 任何想法? 謝謝! 將 div 從移動視圖重新組織到桌面視圖一 ...

工具提示被浮動容器截斷

[英]Tooltip cut off by floated container

我有一個顯示在 hover 上的元素。 但它被一個浮動元素切斷: 表格的中心水平滾動。 我如何讓元素顯示在所有其他元素之上,最好沒有任何 javascript? 我正在使用 3 個不同的表,我更喜歡保留它們。 我知道在浮動元素上方顯示未浮動中心表的元素並不完全有意義。 但是這些提示只會在懸停時顯示 ...

如何使用 CSS 在屏幕上的任意位置移動圖像?

[英]How do I move an image anywhere on the screen with CSS?

我有三個 PNG 圖像,我試圖將它們放在屏幕上我想要的任何位置。 我仍然不明白整個系統是如何工作的。 要在屏幕上上下左右移動圖像,我需要使用padding或margin ,對嗎? 我嘗試了兩者,但我不知道該怎么做。 它不適用於float: left; 或浮動:對; 任何一個。 簡而言之,問題是:您 ...

為什么不溢出:自動在 x 軸上工作?

[英]Why doesn't overlflow: auto work on the x-axis?

我試圖制作一個應該水平溢出其內容並水平顯示滾動條的容器(使用overlfow:auto),因為父容器的寬度小於其父容器子容器的寬度之和,但是,我解釋它垂直溢出,這就是為什么條看起來垂直滾動的原因。 我的問題是,如何獲得水平條及其在 x 軸上的相應偏移量? (而不是在 y 中)。 這是我的 htm ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM