css3

1熱度

1回答

我大部分都使用flexbox，但我似乎錯過了一個概念。我想是這樣的基本上我不想讓頁面垂直溢出，並且所有這些紅色塊垂直堆疊和包裝水平 - 如果需要，溢出和滾動屏幕水平但從來沒有垂直。問題是我不知道如何將紅色部分容器的高度設置爲「屏幕上可用高度的其餘部分」。 height: 100%不起作用，即使使用flexbox，它似乎也與屏幕寬度有關。我當然可以將它設置爲像素數，但這是錯誤的，因爲不同的屏幕可

0熱度

2回答

將自定義文本對齊到最右端和中心

在我的ASP.NET MVC5應用程序中，我想將自定義文本Hello User!!顯示到最右端並將其垂直對齊到中心位置。爲了達到這個目的，我實施了nav navbar-nav navbar-right。該文本是在極端的權利，但其垂直排列依然位居前列。我如何將其垂直對齊設置爲中心？以下是我的_Layout.cshtml文件中的代碼。 <div class="navbar navbar-invers

0熱度

1回答

HTML5/CSS3如何強制文本需要一定的寬度進行渲染

我正在做一些網頁開發並遇到了美學問題。爲了測試，我縮小了窗口，看看CSS如何響應。當我這樣做時，文本區域的寬度會減小到0.在低寬度時，大部分文本呈現得較低，但是段落的主要詞語「也」在單獨的窗口大小範圍內保持較高。（估計330-350px）當你減少窗口的寬度，直到邊緣接近山羊的圖片時，可以在這裏看到問題（鏈接刪除）。 JavaScript解決方案受到讚賞，但不是首選。我試着把文本放在一個範圍內

1熱度

2回答

第三級CSS多層菜單問題

我在HTML和CSS中製作了三級菜單。該菜單一直工作到第三級（products下）。第三個ul子菜單顯示不正確。它被不正確地對齊。我希望它擺脫它的父母菜單並定位在正確的位置。我的代碼是jsfiddle。我改變了一些postions的ul,li但他們似乎並沒有爲我工作。 CSS，HTML的小提琴： #nav,#nav ul { list-style: none outside no

1熱度

1回答

困惑的CSS名

CSS： .a .b { position: relative; } .c { position: relative; } 然後我雖然它的工作以同樣的方式，如果我寫的是這樣的： .a .b .c { position: relative; } 但是，它不，它對.c沒有影響。那麼爲什麼當我把它們放在一起時它不工作？

0熱度

1回答

對齊Flexbox的

Fiddle here. 我試圖粘白色插入符號（^）至.section-1底部，水平居中內部，但在最底層在容器的底部的元件。正如您所看到的，插入符號本身位於Bootstrap container-fluid內，其本身位於柔性盒內（通過vertical-center類應用）。我試圖用margin和傳統定位bottom: 0;等無濟於事。同樣，flex-end財產不按我的想法工作。歡迎所有的解決方案

0熱度

1回答

當元素被點擊時，避免使用CSS來擴展CSS。

我有兩個div彼此相鄰，包裝在具有display:flex屬性的容器Div中。現在我有這種棘手的問題，我需要能夠點擊div中的一個元素，然後顯示一個先前隱藏的div，它也放在容器中。當隱藏div可見時，容器當然會展開，但是我需要容器不能展開，而且我不能將隱藏的div放在容器外面。我有以下示例代碼： HTML： <div id="container"> <div class="conten

1熱度

1回答

如何使用CSS來簡化應用程序圖標圖像

我一直在撞牆，試圖找出如何使用The Code Player's CSS3 Squircles example在我的網站上創建iOS-7樣式的應用程序圖標（在Safari瀏覽器中進行測試）。該示例使用僞標籤剪輯背景顏色，而我需要裁剪<img>。如果你不熟悉，一個squircle就像是一個圓角矩形，但與雙方四捨五入彎道超越半徑，就像這樣： .icons img { width: 100

0熱度

1回答

css3 display：grid;或grid-column-start：不起作用

我想在CSS中使用新的網格模塊，但它不起作用。這是我的代碼： div { display: grid; grid-template-columns: 100px 100px 100px; grid-template-rows: 100px 100px 100px; } p { grid-column-start: 2;

4熱度

1回答

聊天室環聊式三角形

我正在編寫一個相對簡單的SignalR聊天，迄今爲止已相當成功。不過，我想將其類似於環聊或其他熱門聊天。我的問題是下面這些紅色三角形。我看了幾個sources試圖複製這個，但我一直不成功。下面是它現在的樣子（下圖）。不幸的是，當我滾動或者我比適合於容器中添加了更多的消息，這並不工作。我不以任何方式一個CSS專家，但我認爲這與絕對定位來做。下面是我的一些代碼和CSS。如果您想了解更多信息，請告訴