styles 相关问题

不要使用此标签。此标记目前没有单一的,明确定义的含义。它通常用于代替[css]或与[css]结合使用。它还用于有关用户界面外观和源代码格式问题的问题。

如何在React Native中获取横向模式下的屏幕宽度

我想让React Native中的一些组件在纵向模式和横向模式下都具有屏幕宽度。目前我得到的肖像风格如下: 宽度:Dimensions.get('赢...

回答 5 投票 0

10秒后隐藏生成的CSS内容

我在内容之前添加了跨度,以使用 Font Awesome 创建问号图标,我需要在 10 秒后隐藏所有生成的 CSS 内容(之前),仅使用 CSS 代码,而不使用

回答 1 投票 0

禁用与行跨度分开的边框折叠

我有一个问题,这是我试图在 html 中实现的表格: 需要的结果 现在我有这个结果: 实际结果 用这个代码: 桌子 { 宽度:100%; ...</desc> <question vote="1"> <p>我有一个问题,这是我试图在 html 中实现的表格:</p> <p><a href="https://i.stack.imgur.com/SoDqG.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1NvRHFHLnBuZw==" alt="needed result"/></a></p> <p>现在我有这个结果:</p> <p><a href="https://i.stack.imgur.com/6RqYH.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzZScVlILnBuZw==" alt="actual result"/></a></p> <p>使用此代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0 10px; } th, td { border: 1px solid black; padding: 8px; text-align: left; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>我需要找到一种方法来删除具有行跨度的行内两行之间的空格。 有人可以帮助我吗?</p> </question> <answer tick="false" vote="0"> <p><pre><code>border-spacing</code></pre>有点搞乱了,我能想到的最简单的解决方案是设置:</p> <ol> <li><pre><code>border-spacing: 0;</code></pre></li> <li>在一周中的每一天之前添加空行<pre><code>&lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt;</code></pre>,这将充当所需的空格/中断</li> <li>添加休息样式<pre><code>.break {height: 10px;}</code></pre></li> </ol> <p>完整代码:</p> <pre><code>&lt;style&gt; table { width: 100%; border-collapse: separate; border-spacing: 0; } th, td { border: 1px solid black; padding: 8px; text-align: left; } .break { height: 10px; } &lt;/style&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;column1&lt;/th&gt; &lt;th&gt;column2&lt;/th&gt; &lt;th&gt;column3&lt;/th&gt; &lt;th&gt;column4&lt;/th&gt; &lt;th&gt;column5&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Monday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr class=&#34;break&#34;&gt;&lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;Tuesday&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

如何更改v-stepper的步骤图标大小?

我正在尝试更改步骤图标大小(在 v 步进器内)。 我正在尝试更改 尺寸(在 V 型步进器内)。 <v-stepper v-model="currentStep"> <v-stepper-header> <v-stepper-item :color="orangeColor" title="Step 1" value="1" id="firstStep"></v-stepper-item> <v-divider></v-divider> <v-stepper-item :color="orangeColor" title="Step 2" value="2" id="secondStep"></v-stepper-item> <v-divider></v-divider> <v-stepper-item :color="orangeColor" title="Step 3" value="3" id="thirdStep"></v-stepper-item> </v-stepper-header> </v-stepper> 使用Vuetify 3.5.3版本,我没有发现任何一种方法有效。我尝试使用 CSS,在网上找到了多种方法,但适用于旧版本的 Vuetify。 有人有解决办法吗?预先感谢! width、height 和 font-size 元素的 .v-stepper-item__avatar 似乎会影响相关图标。 对于范围样式,请使用 :deep() 选择器: <style scoped> .v-stepper :deep(.v-stepper-item__avatar) { width: 40px !important; height: 40px !important; font-size: 1rem !important; } </style> 演示

回答 1 投票 0

我想在右侧制作一个div

我尝试将 float: right 和 margin-right: 0 添加到 .links 但它不起作用。 这是我的CSS: .导航栏{ 内边距:5px; 背景:白色; 显示:柔性; justify-content:空间之间; } .l...

回答 1 投票 0

如何在 Xcode 中以编程方式更改 UITableViewController 的样式

我正在尝试将 UITableViewController 的样式更改为分组。我知道你可以在创建新的表视图时执行此操作,但我有一个扩展 UITableViewController 的类,所以我不需要...

回答 7 投票 0

如何将模板与样式绑定?

我有一个 C# WPF 应用程序,我需要在其中创建一堆具有不同颜色的图像/文本按钮。为此,我创建了一个从 Button 类派生的 ImageButton。 我希望我的按钮是圆形的

回答 2 投票 0

如何使用 Bootstrap css 设置导航列表菜单的样式

我正在使用带有两级列表(下拉菜单)的引导菜单。我正在使用的代码示例是: ... 我正在使用带有两级列表的引导菜单(下拉菜单)。我使用的代码示例是: <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。但是,当我在以下课程中进行更改时: .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式,而升级列表有不同的颜色? 例如“Item0,Item13 Item23 Item33”为红色,“Item1 .. Item5”为蓝色等等...... 如何使用 Bootstrap 让它工作,还是我应该创建一个自定义 css? 您可以通过添加类来设置特定元素组的样式: <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式: .yourclass { color: red } 我希望这有帮助 当然:为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类,以覆盖 booststrap 中的默认设计。 例如: <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议,但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗???

回答 4 投票 0

有没有不用安装的style css框架?

我有一个带有 html + js 文件的项目 我想要设置自动完成、旋转器等元素的样式。 我不想安装任何库/框架 我只能通过 html 选项卡的链接来使用哪个框架? 我...

回答 1 投票 0

如何使用 Bootstrap 设置导航列表的样式

我正在使用带有两级列表(下拉列表)的引导菜单。代码示例: ... 我正在使用带有两级列表(下拉列表)的引导菜单。代码示例: <ul class="nav navbar-nav"> <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Item0<span> class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#Item1">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5">Item5</a></li> </ul> </li> <li> <ul class="nav navbar-nav"> <li><a href="#Item1">Item13</a></li> <ul class="dropdown-menu"> <li><a href="#Item1">Item131</a></li> <li><a href="#Item2">Item132</a></li> <li><a href="#Item3">Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> <li><a href="#Item2">Item23</a></li> <li><a href="#Item3">Item33</a></li> </ul> </li> 我想对颜色进行一些修改。然而,当我做出改变时: .navbar-default .nav li a{ ... } 它改变所有列表元素的颜色。 是否可以使用不同的颜色来设置嵌套列表的样式,而升级列表有不同的颜色? 例如“Item0,Item13 Item23 Item33”为红色,“Item1 .. Item5”为蓝色等等...... 您可以通过添加类来设置特定元素组的样式: <li class="yourclass"><a href="#Item1">Item1</a></li> 然后使用 CSS 为所有具有相同类的元素设置样式: .yourclass { color: red } 我希望这有帮助 当然:为您想要不同颜色和背景样式的元素添加一个类。示例 <ul class="dropdown-menu"> <li><a href="#Item1" class='red'>Item131</a></li> <li><a href="#Item2" class='red'>Item132</a></li> <li><a href="#Item3" class='blue'>Item133</a></li> <li><a href="#Item4">Item134</a></li> <li><a href="#Item5">Item135</a></li> </ul> 还有CSS .red { ... } .blue { ... } 我希望这有帮助 您可以为特定列表项提供额外的类,以覆盖 booststrap 中的默认设计。 例如: <ul class="dropdown-menu"> <li><a href="#Item1" class="custom">Item1</a></li> <li><a href="#Item2">Item2</a></li> <li><a href="#Item3" class="custom">Item3</a></li> <li><a href="#Item4">Item4</a></li> <li><a href="#Item5" class="custom">Item5</a></li> </ul> 然后在新的 css 文件中覆盖默认的自定义设计。 .custom{ ..... } 我一直在尝试按照你的建议,但添加类和样式不起作用。 例如 .red { color:red; } 但是 .red { color:red !important; } 开始工作 - 你能解释一下为什么吗???

回答 4 投票 0

轴 X 日期来自列表而不是 1-6

我想使用此来源的 ceberpunk 风格图表 https://matplotlib.org/matplotblog/posts/matplotlib-cyberpunk-style/ 我希望在 X 轴上显示列表中的日期,而不是 1-6...

回答 1 投票 0

如何更改vscode中的solidity代码风格?

我要改变vscode中的solidity代码风格。 我已经安装了 Solidity 插件。 当我单击 SHIFT + ALT + F 时,它没有任何操作。 当我shift + alt + f时,它应该有cor...

回答 1 投票 0

Reactjs + Webpack + CSS:如何仅对特定文件夹内的所有 css 文件应用模块明智的类映射

Reactjs + Webpack + CSS:如何仅对特定文件夹内的所有 css 文件应用模块明智的类映射 我添加了下面的代码但不起作用 { 测试:/.css$/i, 使用: [ &

回答 1 投票 0

我想从 df.shape 返回填充背景颜色

我想从 df.shape 填充背景颜色从第二行返回此颜色#A9D08E。 喜欢这张图片 在此输入图像描述 将 pandas 导入为 pd df = pd.read_excel(r'C:\Users\Beexprss\De...

回答 1 投票 0

如何使图像在img标签中看起来完整

我试图使来自网址的图像包含整个图像,但只有其中一部分可见,而不是整个图像。 这是代码: .img-流体{ 最大宽度:100%; 他...

回答 1 投票 0

使用 `Text.rich()` 或 `RichText` 时出现的字体大小问题

我使用了 Text.rich() 或 RichText,字体大小为 25。但是 RichText 的大小看起来比 Text.rich() 大,请告诉我为什么大小不同,我为两个小部件指定了字体大小 25。

回答 3 投票 0

如何使用 Bootstrap (我猜)让 iframe 填充剩余屏幕区域的宽度和高度?

我有一些标记,然后是一个 iframe。我只希望 iframe 填充当前标记的其余部分未占用的最大宽度和高度(如果有意义的话)。 代码: 嗨! 我有一些标记,然后是一个 iframe。我只是希望 iframe 填充当前标记的其余部分未占用的任何最大宽度和高度,如果这有意义的话。 代码: <h1>Hi!</h1> <br /> <input id="btnSave" type="button" value="Save" /> <br /> <br /> <br /> <iframe id="myI" src="mypage.html"></iframe> 所以在这种情况下,iframe应该占据屏幕的整个宽度,高度应该是从框架的顶部到屏幕的底部。什么风格可以实现这一目标? 在你的 CSS 中尝试一下这个。 iframe 宽度使用常规类型 100% 宽度设置,但高度设置为视口的 100%。 iframe { width: 100%; height: 100vh; } 我用最简单的方法做到了:设置高度小于100%,例如 <iframe style="width: 100%;height: 95%;position: absolute" name="result"></iframe> 更准确地说,我想它可以通过js来完成。

回答 2 投票 0

如何向 .stylelint 声明两种不同的配置

我在项目中使用 Stylelint 来检查样式。 我使用的插件只能在一个文件夹上运行。以及为整个项目完成的主要配置。 .stylelint 文件: { “分机...

回答 2 投票 0

Android 的“Theme.MaterialComponents.DayNight.DarkActionBar”和“Theme.MaterialComponents.DayNight.DarkActionBar.Bridge”有什么区别

我正在研究我的新 Android 应用程序的材质设计,我无法弄清楚“Theme.MaterialComponents.DayNight.DarkActionBar”和“Theme.MaterialCompo...”之间有什么区别

回答 1 投票 0

geoserver 2.21-SNAPSHOT导入qgis的sld文件时出现问题

我可以在geoserver 2.21.2上应用此样式,在geoserver 2.21-SNAPSHOT上验证此样式没有问题,但预览层报告 样式指定了名为“xm”的属性,未找到...

回答 1 投票 0

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