css3

-1熱度

2回答

我試圖將列表項放置在兩行中，以便從最下面一行的項目向右移動50％。該項目的順序也很重要，並應該像下面的圖片：下面是代碼，我想出了： https://codepen.io/Deka87/pen/qVgjGv ul { list-style: none; padding-left: 0; margin-bottom: 0; column-cou

0熱度

1回答

CSS縮放轉換影響位置計算

我有一個div，我顯示並放置在另一個元素上。當我將CSS轉換應用於整個身體時，該位置不再被正確計算。這裏的JavaScript： function Start() { $('#ScaleBodyBtn').click(function() { $('body').css({ 'transform': 'scale(1.5)', 'transform-

1熱度

3回答

我可以在CSS網格中每行有不同數量的列嗎？

.grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 100px; grid-auto-rows: 60px; grid-gap: 15px; } .col { background-co

0熱度

1回答

爲什麼是柔性壓低頁腳未能

我試圖使用Flex箱技術，https://css-tricks.com/couple-takes-sticky-footer/來響應下推頁腳在我的網頁http://apple.mdsc1.com/test/ 我用： - <style> #wrapper {flex: 1 0 auto;} body, html {height: 100%} body { d

1熱度

1回答

將圖像的比率保存在高度調整大小的柔性容器中

我在flex容器中的圖像出現問題。當容器/窗口高度減小/調整大小時，我希望它保持比例。 Sample fiddle html, body { height: 100%; } .wrapper { display: flex; width: 100%; height: 60%; border: 1px so

-1熱度

1回答

如何解決在某些瀏覽器上而不是在其他頁面上懸浮在頁面頂部的標題？

當我在瀏覽器中查看www.kentkercher.com時，一切看起來很正常。但是，當我在GeoPeeker中檢查它時，H1漂浮在頁面的頂部。我在Chrome Inspect中找不到問題。有人可以幫助我知道如何解決這個問題。

1熱度

1回答

Bootstrap 4傳送帶空間到右邊

我有一個Bootstrap 4傳送帶空間到右邊的問題，它與頁面沒有很好的對齊。示例在這裏：http://jsbin.com/wakuyiqebu它在移動設備上更加引人注目。 <div class="col-12 col-sm-12 col-md-12 col-lg-5 bg-dark"> </div> <div class="col-12 col-sm-12 col-md-12 col-lg-

0熱度

1回答

動畫-webkit-文本填充色

嘗試使用WebKit的文本填充色 a { color: #fff; -webkit-text-fill-color: rgba(255,255,255,0); -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; -webkit-text-stroke: 2px white

1熱度

2回答

我怎樣才能中心div在視差背景圖像

我想水平和垂直居中div與視差背景圖像。我試過bootstrap 4類d-block,mx-auto,text-center。它將其水平居中，但不是垂直居中。我怎樣才能讓它垂直居中呢？ .parallax_bg { background: url(assets/img/corinne-kutz-211251.jpg); background-size: cover;

0熱度

4回答

我需要選擇（不是最後一個孩子），只有當它有特定的類

我有以下代碼： <td><img src="img/product.jpg" height="40" width="40"/></td> <td>Triple monochromator for Raman</td> <td><a href="i"></a></td> <td> <a class="action--edit"><i class="icon-building"></i></a