css 相关问题

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

页面内容超出窗口宽度

所以我一直在修补这个网站，我已经完成了我的工作，但是现在我不能为我的生活锻炼为什么内容显示超出窗口的宽度。 - 反对 - 我相信......

css html5 bootstrap-4 responsive

回答 1 投票 0

透明图像可能的最小数据URI图像

我正在使用带有背景图像的透明1x1图像，以便能够使用精灵并仍然为某些图标提供替代文本。我想为图像使用数据URI来减少...的数量

css css-sprites

回答 9 投票 108

无法隐藏注册链接

我想在我的网站上登录弹出窗口（登录指南Alpine）中隐藏注册链接“Non sei registration”：https：//www.guidealpine365.it/我尝试过下面的CSS代码：....

css wordpress twitter-bootstrap login modal-dialog

回答 1 投票 0

在Wordpress按钮中显示/隐藏子菜单调整大小

wordpress主题移动版有问题：显示和隐藏菜单的切换太小我无法使用css调整大小

html css wordpress wordpress-theming

回答 1 投票 -1

CSS隐藏滚动条，但元素可滚动

我有一个名为 items 的元素，元素内的内容较长比元素高度，我想让它可滚动但隐藏滚动条，我该怎么做呢？我有一个名为 items 的元素，元素内的内容较长比元素高度，我想让它可滚动但隐藏滚动条，我该怎么做？ <div class="left-side"> <div class="items" style="display:block;width: 94%;margin: 0 auto;overflow: hidden;" > </div> </div> .left-side { height: 878px; padding-top: 20px; width: 1470px; } 我尝试将左侧类溢出设置为自动，但这没有用任何东西。您可以隐藏它： html { overflow: scroll; } ::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } 有关更多信息，请参阅：隐藏滚动条，但仍然可以滚动我将 SO 中的几个不同答案组合到以下片段中，我相信它应该适用于所有（如果不是大多数）现代浏览器。所有的你要做的就是将 CSS 类 .disable-scrollbars 添加到您想要的元素上将此应用到。 .disable-scrollbars::-webkit-scrollbar { background: transparent; /* Chrome/Safari/Webkit */ width: 0px; } .disable-scrollbars { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } 如果你想使用SCSS/SASS： .disable-scrollbars { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ &::-webkit-scrollbar { background: transparent; /* Chrome/Safari/Webkit */ width: 0px; } } 希望这有帮助 /* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ html { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } 类似于 Kiloumap L'artélon 的回答， ::-webkit-scrollbar { display:none; } 也有效适用于所有主要浏览器 html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } 您可以使用类将其隐藏在特定的 div 上： <div class="hide-scroll"></div> .hide-scroll{ overflow: scroll; } .hide-scroll::-webkit-scrollbar { background: transparent; /* make scrollbar transparent */ width: 0px; } 如果您确实想摆脱滚动条，请将信息分成两个单独的页面。 Jakob Nielsen 的滚动条可用性指南：滚动和滚动条有五个基本的可用性指南：如果某个区域有滚动内容，则提供滚动条。不要依赖自动滚动或拖动，人们可能不会注意到。隐藏如果所有内容都可见，则滚动条。如果人们看到滚动条，他们就会假设有额外的内容，如果不能，他们会感到沮丧滚动。遵守GUI标准并使用看起来像的滚动条滚动条。避免网页水平滚动并将其最小化别处。在首屏显示所有重要信息。用户经常根据所看到的情况决定是留下还是离开无需滚动。而且他们只分配了20%的注意力首屏下方。要使滚动条仅在需要时可见（即，当有内容向下滚动时），请使用 overflow: auto。您可以使用 SlimScroll 插件使 div 可滚动，即使它设置为 overflow: hidden;（即隐藏滚动条）。您还可以使用此插件控制触摸滚动以及滚动速度。希望这有帮助:) 如果你使用sass，你可以试试这个 &::-webkit-scrollbar { width: 0px; background: transparent; /* make scrollbar transparent */ } 只需将其添加到您的 CSS 中，工作就完成了... /* Hide scrollbar for Chrome, Safari and Opera */ body::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ body { overflow: -moz-scrollbars-none; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }

html css

回答 10 投票 0

如何显示内联？

嗨，我有一个简单的标签“区”和下拉列表的邮政编码。我只想让标签和下拉菜单并排，水平放在一条线上，但由于某种原因，它会......

css angular select inline

回答 1 投票 0

Angular：如何更改子元素高度

目前我有这样的布局父组件具有固定高度（...

css angular

回答 2 投票 2

如果值为0，如何隐藏HTML表行

我有一个HTML表有4列，项目代码项目名称类别名称和数量输入数量字段我正在做的是用JSON数据填充表，最初输入字段是...