css3

0热度

2回答

我在创建我的网站上的导航系统时遇到问题。一旦你将鼠标悬停在导航上，它就会延伸到适合网站的类别。我知道问题所在，因为ul的父级宽度太小而不能包含文本，所以文本在过渡之前必须缩小。所以我想知道，有一种方法可以在宽度完成动画后过渡文本。或者还有其他解决方案吗？ CSS： .navigation { width: 3.5vw; height: 7vh; background

1热度

3回答

如何导入放置在txt文件中的.html文件中的代码？

所以，我想要的是这个。我有一个HTML文件，我想从代码加载文本文件。因此，浏览器应该从该文本文件中获取代码并将其作为HTML代码的一部分进行阅读。这里有一个例子：假设我有一个HTML文件，其代码为： - <html> <head></head> <body> <div src="code.txt"></div> [ I made this code. I know this code d

-1热度

1回答

浏览器之间的内联元素高度不一致

我有一个inline-flex元素由两个内嵌块元素结束。他们都是不同的高度，但我想把他们与他们的垂直中心。在webkit中，通过将position: relative; top: 53px;应用于内嵌块元素，可以实现这一点。但是，在Firefox中，这将内联块的方式放在我想要的地方。删除top偏移量我可以看到，webkit和firefox中元素的默认位置完全不同。这里有一个小提琴：https

0热度

1回答

Neat 2.x中的全宽50/50布局？

我试图使用Bourbon Neat 2.x来实现50/50的面板布局，其中左侧面板将具有背景颜色，但网格边距会导致我出现一些问题。我最初只有标准grid-container作为父母，两个div使用@include grid-column(6) mixin。麻烦的是，在网格的左侧和右侧留下一个边缘，所以50％的背景色面板不起作用。然后我尝试添加grid-collapse mixin试图摆脱边距（

0热度

3回答

填充COMAND是它不工作，我不能让部分

` /* Style by CSS */ html, body { \t height: 100%; } img{ \t max-width: 100%; } /* Cover */ #cover { \t background: #222 url("../images/123.jpg") center cente

1热度

1回答

CSS控制一排上弹性项目的数量

在这个例子中，我有一个包含div项目的块div，div项目被设计为圆形。我想用flex将它们显示为三行两列。我有他们显示在两行中的三个，但项目被拉伸变形。我如何才能让项目为圆并将其显示为三个 body{ background: grey; } .block{ background: white; display: flex;

2热度

2回答

如何在div上应用转换和转换效果

我在an example i found上练习css。我试图用转换效果来显示nav上方的子菜单。我可以改变的子菜单的位置上徘徊： nav li:hover .menu-sub { display: block; transform: translateY(-100%); } 我还修改了代码，添加转场效果： .menu-sub { position: absolu

2热度

2回答

正确地定位嵌套Flexbox的div的

我试图实现与flexboxes的结构，看起来像这样：但截至目前我已经实现如下所示：也就是说，我无法将嵌套div中的文本显示在左对齐图像下方; 下面是相关的HTML： <div class='page'> /*Some more divs*/ <div class='section feature-1 ' > <img src='image1.j

1热度

1回答

浮动菜单与@Media

我正在开发一个web应用程序，我想创建一个浮动菜单，它保持固定并浮动在顶部，当到达的宽度为min-width: 340px和max-width:640px时，我给display: block;菜单出现，但菜单没有出现。菜单出现在页面的顶部，但不会出现 @media screen and (min-width: 340px) and (max-width:640px) { #imag

-1热度

1回答

CSS扩展了一组DIV中的一个元素

我目前正在试图让一个元素（div）在父级元素的自由空间上伸展自己，同时尊重其级别上的其他元素的大小。我找到了一些解决方案并尝试了其中的大部分解决方案，但我无法实现它。我怀疑这是因为我正在使用的cms - 当告诉它使一组列的高度相同时 - 将父显示样式更改为表格单元格。所以...这是我想要归档的图像。至于说，该CMS改变了蓝色容器中显示：表细胞伸展它在整个区域，并连续在同一高度的所有列。这个蓝色容