css3

-1熱度

1回答

當我在google chrome中打開下面的代碼時，header和signIn選擇器的跨度比.create選擇器長得多，即使它們應該跨越一列。會有人有什麼可能會導致這個問題的想法嗎？謝謝 grid { display: grid; height: 1800px; border: 2px blue solid; grid-template: 1fr 1fr 1fr 7fr/repeat(8,

-1熱度

2回答

如何在css中創建兩列

我正在嘗試創建兩列，比如將在我的網頁上並排顯示的新聞紙。這是基本的HTML。每列以h1標籤開始，然後列的主體是一個帶有幾句話的p標籤。什麼樣的CSS設計師最適合做到這一點？

1熱度

1回答

無法添加幻燈片而不隱藏標題

我試圖通過在頂部顯示標題而不衰減來實現幻燈片顯示。我無法做that.Can有人幫助我在改變代碼，以便幻燈片標題這裏開始下的是鏈接到我的codepen https://codepen.io/arunkayathi/pen/EbxpEv #landing-header { background-repeat: no-repeat; background-size:100%;

0熱度

1回答

我想降低動畫的速度

這裏是我的代碼，我正在動畫一個簡單的div。但問題是，我想在增長到全尺寸時減慢速度，因爲您可以看到它突然閃爍並縮小。有人可以幫助我。 html { background: black; overflow: hidden; height: 100%; } .loader { height: 40px; widt

3熱度

1回答

CSS柔性項默認高度問題

我正在學習CSS柔性盒的東西，當我與它周圍玩我發現了一個有線的事情： .container { width: 100%; display: flex; border: 5px solid grey; } .box1 { border: 2px solid red; width: 30%; heig

1熱度

4回答

爲什麼我的位置：絕對孩子溢出父母的邊界？

我有一個父容器，裏面有一些子組件。最後一個孩子必須放在容器的底部。我嘗試使用justify-content: space-between，但它不適用於我，因爲我需要最後一個元素和其他元素之間的空間更大，更明顯。我結束了嘗試position:absolute,bottom: 0，但孩子的寬度大於父母。也許有更好的方法來做到這一點，通過與flex混合，只是無法做到這一點。 .Parent {

0熱度

1回答

在CSS網格中選擇列

我正在尋找一種方法來選擇CSS網格中的列。我發現了一種使用:nth-child()選擇器在靜態網格中選擇列的方法。例如：在3列網格中，:nth-child(2)將選擇第二列中的每個網格項目。但是，如果您有像我這樣的三個媒體查詢的響應式網格，這不起作用。我的網格有24個網格物品。在移動設備上，內容以3列8格的格子顯示。在平板電腦上，它以4×6網格顯示，依此類推。我需要一種方法來選擇第三列，例如無論

0熱度

1回答

使用CSS將標題頁面拆分爲圖像

我面臨的一個問題是，將主頁面佈局中的標題拆分爲左下角至右上角。我找到的所有資源都將它們分成兩種顏色。但是，當我想添加圖片時，我看不到任何結果。見我做的代碼，我不知道如何消除它們之間的空間 class-image-1 { background-image: url(/img/imag-1-bg.png); height: 100vh; -webkit-clip-pat

1熱度

2回答

如何在flexbox的同一行上對齊文本？

我已經使用Flexbox並排對齊了兩個div，並且我希望這兩個div中的文本都以相同的級別推到div的底部，但似乎在各個文本下面有不同的間距級別。 .wrapper { display: flex; flex-direction: row; } .block1 { font-weight: bold; font-size:

0熱度

1回答

如何預先填充img的父div的高度？

<div class="main-container"> <a> <img class="img-responsive" /> </a> </div> .container { min-width: 300px; width: fit-content; max-width: 50%; } .img-responsive {