Questions tagged «css»

<div> 默认为 block <span> 默认为 inline 有没有默认的inline-block？ 如果不是，那么什么特殊的标记名称适合我使用CSS来应用“内联块”？ 还是我应该坚持使用课程？

77 html  css 

如何在vue.js中切换类？ 我有以下内容： <th class="initial " v-on="click: myFilter"> <span class="wkday">M</span> </th> new Vue({ el: '#my-container', data: {}, methods: { myFilter: function(){ // some code to filter users } } }); 当我单击时，th我想按以下方式申请active课程： <th class="initial active" v-on="click: myFilter"> <span class="wkday">M</span> </th> 这需要切换，即每次单击它都需要添加/删除类。

77 css  vue.js 

我试图在文本量大于行可处理量时创建文本淡出效果。我用的混合物实现这一目标max-height，overflow和linear-gradient。这样的事情。 max-height:200px; overflow:hidden; text-overflow: ellipsis; background: -webkit-linear-gradient(#000, #fff); 该全小提琴可用。我正在努力达到类似于这一效果 而且我有点亲密。问题是在我的情况下，文本从一开始就开始淡出，我希望仅当文本确实接近最大大小时才开始淡出。可以说如果它已经是150px，则开始淡出。另外，我仅使用-webkit前缀，并且我假设可以为其他渲染引擎添加其他前缀。 有没有办法在纯CSS中做到这一点？

77 html  css 

backdrop-filter 是最新的CSS功能，现代浏览器（至少从2016年7月1日起）尚不可用。 Chrome 51backdrop-filter通过实验性Web平台标志提供支持。 Safari 9.1支持带-webkit-前缀 Firefox 47不支持 处于这种无法使用的状态，我想知道是否存在任何其他方法来获得相同的结果。 也欢迎针对blur，，grayscale...的JS解决方法 backdrop-filter可以通过https://bugs.chromium.org/p/chromium/issues/detail?id=497522跟踪其发展

77 html  css 

如果我有一个table包含两列的，我如何指定apadding或任何其他CSS以便仅将其应用于<td>s的第一列。另外，我如何样式化第n列？

77 css  css-selectors  padding 

我一直试图显示每行三列。是否可以使用flexbox？ 我当前的CSS是这样的： .mainDiv { display: flex; margin-left: 221px; margin-top: 43px; } 此代码将所有内容放在一行中。我想添加一个约束以仅显示每行三个记录。

77 html  css  flexbox 

我们可以定义min-margin和max-margin，max-padding并min-padding在CSS？

77 css  margin  padding 

是否有任何CSS类或属性为pointer:cursor在引导4专为按钮或链接？ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/> <button type="button" class="btn btn-success">Sample Button</button> 运行代码段隐藏结果展开摘要

77 html  css  twitter-bootstrap  bootstrap-4 

无论是否具有顶级导航，站点的页脚都会很粘。Bootstrap具有可轻松创建固定页脚的功能，但没有用于创建粘性页脚的功能-两者之间存在很大差异。 对这个问题进行谷歌搜索将发现，即使不是成千上万的开发人员也有相同的问题，但是没有好的答案。 具有讽刺意味的是，Bootstrap文档页面本身在引导样式和固定的顶部导航栏旁边都有一个粘性页脚。这都是自定义CSS，而不是框架的一部分。因此，显而易见的方法是采用和重构其自定义样式，因为它显然在Bootstrap框架中发挥良好的作用，但这似乎比原本要痛苦的多。 请参阅此插件，以获取带有Bootstrap顶部导航栏和不良的，不粘脚的页脚的示例页面。 问题： （感谢Softlayer-用于图形） 所需解决方案： 当然，页脚也应该具有响应性，并且跨浏览器友好。

76 css  twitter-bootstrap  twitter-bootstrap-3  sticky-footer 

我一直在寻找一种仅使用CSS3单击位于页面顶部的按钮时向下滚动的方法。 所以我找到了本教程：http : //tympanus.net/codrops/2012/06/12/css-only-response-layout-with-smooth-transitions/ 演示：http : //tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ 但这对于我的需求而言有点太先进了，因为我只希望浏览器单击页面顶部的一个按钮即可向下滚动，所以我想知道：是否可以在没有输入按钮的情况下进行CSS滚动，有锚标签？ HTML看起来像这样： <a href="#" class="button">Learn more</a> 我已经有一些CSS，需要在单击按钮时触发： /* Button animation tryout. */ .animate { animation: moveDown 0.6s ease-in-out 0.2s backwards; } @keyframes moveDown{ 0% { transform: translateY(-40px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } }

76 css  scroll  anchor  transition 

我有一个问题，我无法弄清楚到底是什么引起了这种现象。我无法访问textareaHTML表单上的输入字段和。 不幸的是，JS，HTML和CSS很大，所以我不能在这里全部张贴。 有人能告诉我调试这种奇怪行为时要寻找什么吗？ 更新 如果将光标移到该input字段上，我可以看到文本光标，但是单击它时，该字段不会获得焦点。我可以通过按键访问该字段Tab，如果右键单击该字段，然后单击该字段，我也会对此感兴趣。 ...而且不，它们没有disabledorreadonly属性；-)

76 javascript  html  css 

垂直居中html图像旁边的文本的最佳和最简单的方法是什么？需要与浏览器版本/类型无关。纯HTML / CSS解决方案。

76 html  css 

如何在元素列表中选择某个元素？我有以下内容： <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> </p> <input type=""/> <div class="myclass">my text3</div> <!-- some other code follows --> <div> <p>stuff</p> …

76 css  css-selectors  pseudo-class 

我目前的理解是，通过默认的CSS样式（不包括语义）将不同的HTML元素的功能分开。 使用自定义CSS，您可以（不可避免地）使任何HTML元素的行为都与其他元素相同。 如果那是正确的话，我唯一不能解释的是<li>元素上的项目符号。CSS是由什么引起的？您如何将其添加到其他元素？ 将来的读者注意：我最近了解到HTML元素的内容类别也有所不同。

76 html  css 

有什么理由要避免使用text-align: justify;？ 它会降低可读性或引起问题吗？

76 css  usability  typography