css相关内容

未在Storybook版本中显示的顺风CSS类

我正在尝试使用顺风CSS来构建我的故事书。当运行build-storybook时,组件使用顺风类呈现。遗憾的是,当我构建故事书并使用npx http-server storybook-static运行Create Buildstorybook-static时,类没有加载到故事中,并且组件显示为未设置样式。 这是我的项目的复制品: https://gitlab.com/ens.evelyn.d ..
发布时间:2022-04-24 14:47:33 前端开发

将Tailwind.css添加到Vue.js项目后,某些类不起作用

我正在尝试将Tailwind.css添加到Vue.js项目中。有很多关于如何做到这一点的资源,其中大多数遵循与this video相同的路径。为了确保我与视频中的情况相同,我从头开始创建了一个Vue应用程序,使用vue-cli和默认预设。在此步骤之后,我执行了以下操作: npm install tailwind.css 创建src/styles/tailwind.css 将以下内容添 ..
发布时间:2022-04-24 12:52:33 前端开发

如何冻结Sphinx中的第一列和第一行

我是使用Sphinx的新手,我知道Phynx不是注定要用在桌子上的,但我想用它来记录我们的调查工具。因此,我创建了一个表格,其中包含在我们的调查问卷中询问的不同主题。自1984年开始我们的调查以来,我们有很多年的时间可以覆盖。 该表如下: 这些年(行)一直持续到最近一年,而且每年都会增长 当我在Sphnx中使用表格(CSV格式)时,它不会显示整个表格,只显示前几年,然后你必须滚动 ..
发布时间:2022-04-21 21:48:52 前端开发

如何在默认的狮身人面像主题上使用定制的css?

我正在使用Sphinx默认主题agogo用Python创建文档。 我想使用topic指令在重要信息周围放置一个框,但agogo的css在其默认css中没有边框。我有用来创建边框的css,但如何包含/覆盖agogo的旧版本topic以使用我的版本。 我希望能够生成文档,而不需要每次手动更改CSS。我研究了一下如何在Sphinx中使用定制的CSS,但似乎没有提到覆盖现有的类。 推荐答 ..
发布时间:2022-04-20 22:35:33 前端开发

修复了侧边栏重叠的页面内容?

我使用css和html制作了一个侧边栏。然而,无论我做什么,当我试图在我的HTML页面上放入一些内容时,它都会放在页面的左上角,在侧边栏下面。如何将固定内容放置在页面的右侧? 下面显示的是我的css代码,如果有什么东西阻止主要内容位于页面的右中心,请告诉我。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> .sidebar a { displ ..
发布时间:2022-04-20 11:16:38 前端开发

分页媒体中的运行页脚元素(页脚)只出现在最后一页

我正在处理一个分页的css,页脚位于页边距框内。一切都几乎和预期一样,直到图形设计师要求我将页脚的一部分设置为粗体,并且我不能再使用Content:“Text”作为页脚。 我已经决定使用Content:Element(Footer),并在动态创建的html页面的末尾添加了页脚,但它只显示在最后一页上。我已经搜索过了,但似乎每个人都有相反的问题(他们只想在最后一页上使用它,并在所有页面上都有) ..
发布时间:2022-04-19 21:55:53 前端开发

如何在本地计算机上测试FONT-DISPLAY:SWAP?

为了克服不可见文本,PageSpeedInsights建议在@font-face声明中使用font-display: swap对整个应用程序使用后备字体。我已将该属性添加到我的Web应用程序的每个@font-face,但无法测试它,因为更改仍在我的本地计算机上。 那么,现在如何在我的本地计算机上测试font-display: swap并确保它正常工作,并可能捕获一些屏幕截图或具有支持它的文档 ..
发布时间:2022-04-19 14:35:54 前端开发

何时下载备用字体?

如果我将Google字体设置为备用字体,如下所示: @font-face { font-family: 'GoogleFont'; src: url('GoogleFont.ttf'); } html, body { font-family: 'myMainFont', 'GoogleFont'; } 如果主字体失败,Google字体是否仅下载到用户的浏览器? ..
发布时间:2022-04-19 14:33:45 前端开发

在破折号中的下拉列表中添加全选选项(&Q;)

我要在多选下拉菜单中添加一个&q;选择-全部&q;选项。因此,默认情况下,右侧有一个用于清除所有值的小‘x’,当我清除所有选项或仅删除其中一些选项(左侧每个选项带有单独的‘x’)时,我都想要一个类似的选项来选择所有内容。 有谁能帮帮忙吗? 推荐答案 功能 dcc.Dropdown的全部选择功能的基本实现可以使用如下回调实现: import dash import da ..
发布时间:2022-04-19 10:35:58 前端开发

我的数据库布局没有并排显示

我正在尝试创建一个仪表板来并排显示项目符号图表,但它们垂直地显示在彼此的下方。我将dash.bootstrap组件与ploy一起使用。很多人在不同的论坛上说,我应该在样式中添加dbc.hemes.bootstrap,这样它才能工作,但它不适合我-&>(app=dash.Dash(name,external_stylesheets=[dbc.themes.BOOTSTRAP]). 下面是我的一 ..
发布时间:2022-04-19 10:20:32 前端开发

DASH-DBC.CONTAINER流体=True不会覆盖所有可用空间

所以我就长话短说。 我正在使用破折号网站代码,并试图让导航栏采取页面的完整宽度。 我看到如果我在容器中设置流体=TRUE,它就会起作用。它确实会使宽度变大,但不会覆盖页面。感谢您抽出时间来!代码如下: import dash_bootstrap_components as dbc import dash_html_components as html from dash.dependenci ..
发布时间:2022-04-19 10:18:06 前端开发

如何将多个线性渐变添加到一个css背景?如果

我正在尝试完成下面左边的小工具框,正如你所看到的,有一个对角的线性渐变,以及从上到下的光泽。我在css中创建的那个在右边,而我正在尝试实现的那个在左边。有没有一种方法可以只使用一个背景属性来完成这项任务?或者,我是否需要用另一个div包围整个div,以便在其上覆盖半透明渐变?谢谢 更新代码: .drk-grad { background: linear-gradient(to bo ..
发布时间:2022-04-18 21:04:45 前端开发

跟踪在页面加载时应用内联样式的JavaScript

我正在管理一个DNN站点,并试图找到应用于我主页上的某些元素的“Width:100%”内联样式的来源。DNN中包含了一大堆JS库,很难手动解析,但我打开了Chrome开发工具,在源代码选项卡中搜索页面上加载的每个JS文件,看看在哪里使用了“100%”。没有骰子。 我知道……的休息时间。>属性修改功能。这总是被引用为我在so上发现的类似问题的解决方案: How to track down ..

Reaction Bootstrap响应模式未按我想要的方式工作

我是Bootstrap的新开发人员。我做了一个产品,但如果我从铬合金的右侧或左侧自动折叠,它的工作原理就像我想要的那样。但当我从检查中选择并给出绝对宽度时,它看起来不像其他的。为了描述清楚,我加了两张照片。感谢大家的努力。 推荐答案 您必须添加元标记才能在Chrome响应模式下进行响应 这是元标记 ..
发布时间:2022-04-17 21:53:17 前端开发

是否将内容脚本css与站点css分开?

我正在构建一个浏览器扩展,并希望在其中使用引导。问题是引导程序的css与页面的css冲突,弄乱了一些网站。 有没有办法将内容脚本的css与网页的css分开?有什么已知的解决方案吗? css 您可以提供命名空间版本的引导,其中全局样式不在命名空间推荐答案选择器之外应用。 若要生成此文件,您必须使用sass自己构建引导程序。 此答案是该过程的良好简历:How to nam ..