css 相关问题

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体和动画。它还描述了元素应如何在屏幕上,纸上,语音或其他媒体上呈现。

根据页眉和页脚高度计算身体高度

我有一个高度为8rem的标题; . header { 顶部:0; 左:0; 高度:8雷姆; } 然后我有一个高度为:5rem 的页脚; 页脚 { 宽度:100%; 高度:5rem; } 我正在努力

css
回答 1 投票 0

谷歌翻译cdn

我正在 HTML 网站上工作,我有谷歌翻译器 CDN,我想将英语更改为另一种在谷歌页面洞察中也能正常工作的语言。我收到这个错误: 道具...

回答 1 投票 0

如何使用顺风CSS使设计响应于两种不同的背景

我正在从 Figma 设计中获取这张图片,我需要映射此设计以与 Tailwind CSS 像素完美 100% 做出反应。 Macbook Pro 16 英寸宽度为 1728px,但我需要将内容中心设置为...

回答 1 投票 0

启动时在 Angular 模板中定义 div 的样式

我有这个div 我有这个div <div class="relative rounded overflow-clip border w-full" [style.aspect-ratio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.object-fit]="media.value.fit" (click)="insertMedia()"> </div> 在启动时,我尝试根据模型分配长宽比,但它不适用,有什么问题吗? 我的模型长宽比是16:9,即使在浏览器中检查,我的风格也从未被应用过。 但是当我在应用程序运行时更改纵横比(通过单击按钮)时,它就可以工作了。 你可以尝试一下,aspectRatio而不是aspect-ratio <div class="relative rounded overflow-clip border w-full" [style.aspectRatio]="media.value.ratio"> <img fill priority [ngSrc]="media.value.src || ftaLogo" [alt]="media.value.caption" [style.objectFit]="media.value.fit" (click)="insertMedia()"> </div>

回答 1 投票 0

Laravel 中的扩展视图刀片会出现 CSS 样式错误

我想在 Laravel 中扩展刀片视图并创建一个子视图,但是每当我尝试返回子视图时,我的样式就会以一种奇怪的方式出现错误。 我创建的子视图及其关键字(

回答 1 投票 0

HTML:您可以隐藏/忽略浏览器查找中的文本元素 (CTRL+F)

我有一个 Web 应用程序,其 UI 相当复杂,并且屏幕的一部分保留用于内容。 如果可能的话,我想这样做,以便当用户使用浏览器的内置文本搜索时...

回答 4 投票 0

停用主体滚动但保留滚动条

如何禁用正文的滚动条,但让它在屏幕上保持可见?举个例子,看看 Facebook 的剧院模式:

回答 3 投票 0

获取颜色代码以更改svg图像颜色

我正在尝试更改 svg 的颜色,但找不到要更改的颜色代码。 我知道我需要在这里更改 fill='%23C03865'。 如何获取颜色代码:#D1FF71 我试过了...

回答 1 投票 0

使用视口调整图像大小

我的一些 div 中包含一个图像。图像最初在宽屏显示器上位于视口中央 50% 的位置。当浏览器窗口缩小到图像大小时,我...

回答 1 投票 0

Typescript 中的 Intersection Observer 在 useRef 中抛出错误

我这里有一个运行完美的文本动画。我现在要添加的是一个 Intersection Observer,这样动画只有在我向下滚动到 Box 时才开始。 所以我做了什么来实现......

回答 1 投票 0

HTML 列表样式类型破折号

有没有办法在 HTML 中创建带有破折号(即 - 或 - 或 - -)的列表样式,即 abc 输出: - abc 原来如此...

回答 22 投票 0

如何在文本输入中添加图标标签

这里我创建了一个div类,在div类下添加一个img标签,用于显示个人资料图片。之后我们可以看到带有一些 css 的 。在此之外 h...

回答 1 投票 0

通过 d3 将行添加到网格布局

我对 d3 相当陌生,所以我认为这是一个新手问题,b/c 我仍然无法理解数据连接。我正在尝试将行添加到网格布局中。每行都表示为带有

回答 1 投票 0

为什么第一个网格比其他网格占据更多空间?

我想将文本居中于主体,但侧边栏和主体之间仍然有间隙,我想要侧边栏的特定宽度,我不知道还能做什么,请帮忙。 我已经尝试过使用...

回答 1 投票 0

媒体查询 min-width:319px) 和 (max-width:480px) 不适用于 Chrome,但适用于其他浏览器,而 @media(min-width:1601px) 不适用于任何地方

第一次测试后,当我调整屏幕大小时,我看到浅鲑鱼没有在 Chrome 中显示,然后在移动设备上进行了测试,效果很好。再次检查我的代码是否有任何错误并在边缘进行测试...

回答 1 投票 0

在相关图像上标记图像

是否可以将标记图像放置在相关图像上, 不改变标记图像的位置? 如果相对图像的大小发生变化,则标记的位置

回答 1 投票 0

用 CSS 和 JS 实现倒置动画

我用这段代码创建了一个FAB。 让 fab = document.querySelector('.fab'); 让容器 = document.querySelector('.fab-container'); 让 fabItems = document.querySelectorAll('.fab-list-item...

回答 0 投票 0

带分隔符的引导按钮组

如何获取每个按钮之间带有边框线分隔符的 Bootstrap 按钮组? 如何获取每个按钮之间带有边框线分隔符的 Bootstrap 按钮组? <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <button type="button" class="btn btn-secondary">2</button> </div> https://getbootstrap.com/docs/4.6/components/button-group @padaleiana 解决方案运行良好!我使用了 btn-light 禁用按钮作为分隔符。 解决方法: 创建一个带有 mr-0、ml-0、pl-0 和 pr-0 类的按钮(左右边距和填充 = 0),并带有 disabled 属性(否则“分隔符”将不会出现!) <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <button type="button" class="btn btn-secondary mr-0 ml-0 pr-0 pl-0" disabled></button> <button type="button" class="btn btn-secondary">2</button> <button type="button" class="btn btn-secondary mr-0 ml-0 pr-0 pl-0" disabled></button> <button type="button" class="btn btn-secondary">3</button> </div> padaleiana 的答案的替代方案如下,它不使用 HTML 按钮标签。因此,当 jQuery(或其他 Javascript)迭代按钮时,它可以避免出现问题: <div class="alert alert-dark m-0 px-0"></div> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" rel="stylesheet"/> <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> <button type="button" class="btn btn-secondary">1</button> <div class="alert alert-dark m-0 px-0"></div> <button type="button" class="btn btn-secondary">2</button> <div class="alert alert-dark m-0 px-0"></div> <button type="button" class="btn btn-secondary">3</button> </div> 可以只添加类“btn-outline-secondary”或任何一个适合您需要的每个按钮......例如:- <div class="btn-group btn-group-sm"> <button class="btn btn-light btn-outline-secondary btn-sm">Btn One</button> <button class="btn btn-light btn-outline-secondary btn-sm">Btn Two</button> <button class="btn btn-light btn-outline-secondary btn-sm">Btn Three</button> </div>

回答 3 投票 0

我可以隐藏或删除博客上的评论日期吗?

我有一个问题,我尝试隐藏博客上的日期评论,但没有成功,有人可以帮忙吗

回答 3 投票 0

Overflow-y 滚动导致内容被截断

我目前有一个最大高度为 800px 的容器。它还具有溢出-y:滚动。我想要完成的事情很简单(可能不那么简单,因此我问你们!)。 我...

回答 3 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.