使用CSS列進行圖像網格處理，有時會堆積圖像

[英]Using css columns for image grid, sometimes images stack

我正在使用此處介紹的技術，但遇到一個問題，有時圖像按預期排列在列中，但有時它們堆疊在彼此的下面，這不是我想要的。 我嘗試添加white-space:nowrap ，它使圖像顯示在同一行上，但它也消除了column-gap並使圖像左對齊而不是居中對齊。 我創建了一個Codepen來說明 ...

引導柱寬度調節

[英]Bootstrap column width adjustments

我是使用Bootstrap的新手。 我嘗試調整3行的行使其適合，最后一列又分為3行，但是該行重疊且難以正確顯示。 我的cshtml第一行： 第二行和第三行直接通過col-md-4 你能幫我解決這個問題嗎？ TIA羅恩 ...

使用Sass將樣式應用於具有空的下一個兄弟的元素

[英]Apply style to element with empty next sibling using Sass

是否可以根據元素的下一個兄弟是否為空來設置元素的樣式。 <ul class="menu"> <li class="label">Hide me when submenu is empty</li> <ul cla ...

Html元素沒有采用絕對定位和flexbox內部的全寬度

[英]Html element not taking up its full width with absolute positioning and inside flexbox

右側的灰色塊（ https://jsfiddle.net/var6u4g7/ ）不占用其內容的全部寬度。 它使用righttext的大小，如果在righttext元素中添加更多單詞，您將看到灰色框正好占據了該寬度。 我不想指定一個固定的寬度，因為我不知道它里面有多少，所以我希望它的內容和它的 ...

以相同的塊尺寸將不同尺寸的圖像居中

[英]Center different size images in the same block size

我將不同的圖像封裝在方形樣式塊中，我希望始終將它們居中放置，但是我花了很多時間試圖使它們這樣做。 我舉例說明了類似設計中發生的事情。 請注意，產品（燒烤架）實際上並未在imgblock容器中居中。 對於其他寬於窄的產品圖像，這開始變得很明顯。 .imgBlock { ...

離子3項目中無法更改按鈕樣式

[英]Button styles are are not possible to change in ionic 3 project

當我嘗試更改這些組件上的離子按鈕樣式時，即使使用！important或使用新的自定義類，它也不會改變任何東西。 這是代碼： CSS 什么可能導致這樣的問題，如何改變？ ...

使用flexbox創建響應表

[英]Create responsive table using flexbox

如何創建響應表？ 我想要的表與此類似： 該表必須是響應式的，因此需要更改的是列的寬度。 我認為最好的解決方案是使用Flexbox但是如何使用？ 我試試這段代碼： .container { display: flex; border: 1px soli ...

如何僅在Flex中用CSS相等地分隔空div？

[英]How to equally space empty divs with CSS only in flex?

因此，我的結構與下面的代碼段非常相似。 我遇到的問題是，我正在努力使div（例如child相對於容器始終處於相同的高度，即使它們為空。 因此，如果有兩個孩子，則必須有父母的50％；如果有三個孩子，則必須占父母的33.3％。 做了很多挖掘工作，嘗試使用flex-grow並將其設置在子級上，如 ...

有沒有其他方法可以改變引導導航鏈接的顏色？ 使用黑暗主題

[英]Is there any other way to change the color to the bootstrap nav links ? Using dark theme

使用bootstrap框架並嘗試更改黑暗主題上的導航鏈接顏色時，有一種非常具體的定位方式，這是唯一的方法，如果有人想出另一種方式，我很好奇。 這是唯一有效的選擇器 ...

指針事件-使用Tab鍵時，任何事件均不起作用

[英]pointer-event - none is not working when I use tab key

我正在制作一個表單，其中我在使用Class來使用偶數指針禁用輸入：無，當我嘗試單擊正確的輸入時，我的輸入不可編輯，但是當我使用“ TAB”鍵時，是專注於輸入，我可以編輯輸入，如何防止焦點不應該使用Tab鍵進入我的輸入，而應該允許編輯輸入。 您的早期答復表示贊賞。 ...

在高DPI顯示器上改變div背景和邊框之間的0-1px間隙

[英]Varying 0-1px gap between div background and border on High-DPI displays

這是我在CSS中創建的按鈕的一個獨立示例。 它具有1px邊框和漸變，以及背景漸變。 背景漸變實現為偽元素，以允許其懸停時不透明度變淡。 https://codepen.io/anon/pen/wbYoeo?editors=1100 該按鈕在不同DPI的監視器之間不會相同。 在 ...

如何避免BEM中相同類名的沖突？

[英]How to avoid conflict of same class names in BEM?

我正在使用BEM方法維護網站的網站上維護我的CSS代碼。 這是一些HTML代碼： 我認為從BEM角度來看， test-wrapper-2更正確，但如果將所有內容捆綁到一個大CSS文件中，恐怕會引起沖突，因為test-wrapper__test-input看起來很常見。 雖然我想為不同 ...

我無法處理絕對位置的z-index

[英]I can't handle a z-index with position absolute

這是一個運行代碼的代碼框 ，您將發現more more-menu （3點）顯示在more-menu 。 單擊3個點，看看我的意思。 這是more-menu的CSS代碼： .more-menu { position: absolute; top: 100%; z-index ...

Flexbox根據內容自動確定容器的大小（寬度）（問題）

[英]Flexbox auto determining size (width) of container based on content (problem)

我有一個鏈接到jsFiddle將提出問題。 基本上，問題出在中間容器（ sector2為藍色容器），它以列方向彎曲並具有5個flex子元素。 其中四個元素是尺寸為150x150px的圖像。 我已經將image-wrapper （每個子元素的類）賦予flex: 1 ，這意味着藍色容器應該被分 ...

在flex容器中拉伸的圖像但不能使用align-self-center

[英]Images stretched in flex container but cannot use align-self-center

我有以下標記（引導程序4）： 由於容器是彎曲的，因此圖像在拉伸。 我知道align-self-center將解決問題，但是，我不希望圖像居中。 我想要的形象是align-self-left （左對齊，而不是居中），但這再次拉伸的圖像。 可以解決嗎？ ...

如何在垂直導航欄中創建下拉列表

[英]How do i create a drop down list in a vertical navbar

我想在我的垂直導航欄中創建一個下拉列表。 如果你能幫助我想出如何創建一個下拉列表，我將非常感激。 我嘗試研究並為我的項目尋找不同的代碼。 以下是我在代碼中嘗試過的一些內容。 我的HTML代碼： 我的CSS代碼： 結果： 順便說一下 ...

將表體設置為阻止時，我的表頭調整大小只能使該部分可滾動，我該如何防止？

[英]My table header resizes when setting table body to block to only make that part scrollable, how do I prevent that?

所以，我嘗試創建一個只有主體可滾動的表，但似乎無法解決這個問題。 表頭當然應該與表體一樣寬..我做錯了什么？ 視覺效果 這是我的表格的HTML和CSS： （注意：我通過JS插入表行） ...

從文檔流中刪除元素

[英]Removing Element from Document Flow

我正在使用[type=checkbox]記錄我創建的自定義下拉菜單的用戶輸入。 我還將它用於瀏覽器中的required功能。 但是，我遇到的問題是，當用戶嘗試提交表單時未填寫該部分時，該元素似乎至少需要1px的height才能觸發瀏覽器警告消息。 這是一個問題，因為下拉菜單的he ...

如何在JS fadein和fadeout幻燈片中插入CSS轉換旋轉動畫？

[英]How to insert a CSS tranform rotate animation in JS fadein and fadeout slideshow?

我有一個想法，但我不能應用它，因為我不是很熟悉Javascript。 我的問題是我有一個用於fadein和fadeout幻燈片的JS腳本，但是，在轉換期間進行頁面旋轉似乎很好。 我有一個CSS懸停樣式來執行此操作[.card：hover .card__side - front {transf ...

如何將特定項目置於表格中心？

[英]How can I center a specific item within a table?

我創建了一個注冊表單，然后使用PHP將其與SQL數據庫連接。 問題是我無法將提交按鈕置於表格中心。 據我所知HTML5不支持表功能。 所有HTML代碼都在PHP文件中。 <!DOCTYPE html> <html> <head> ...