Questions tagged «css»

Наэтотвопросестьответына 堆栈溢出нарусском：Чтотакое引导？ 这里有很多与Bootstrap相关的问题。我看到很多人在使用它。因此，我尝试进行研究，找到了Bootstrap的官方网站，但之后只有一个下载部分和几句话。没有什么可以解释它的作用是什么...我只是了解它是一个前端帮助器。我试图通过Google搜索找到一些东西，但没有发现任何具体问题。我发现的一切都与计算机科学定义有关。 因此，我的问题是： Bootstrap到底是什么？ 它的作用是什么，它如何帮助前端开发？ 我还想解释一些细节。

512 html  css  twitter-bootstrap  frontend 

我知道您可以在React类中指定样式，如下所示： var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); 我是否应该以这种方式进行所有样式设置，并且在CSS文件中完全没有指定样式？ 还是应该完全避免使用内联样式？ 两者兼而有之，似乎很奇怪而且很乱-在调整样式时需要检查两个位置。

511 css  reactjs  inline-styles  react-jsx 

该属性text-align: center;是使用CSS居中图像的好方法吗？ img { text-align: center; }

510 html  css 

我正在寻找下表的CSS选择器： Peter | male | 34 Susanne | female | 12 是否有任何选择器来匹配所有包含“ male”的TD？

510 css  css-selectors 

无论如何，是否可以使用Sass的@import命令导入常规CSS文件？尽管我没有使用sass的所有SCSS语法，但我仍然喜欢它的合并/压缩功能，并且希望能够在不将我的所有文件重命名为* .scss的情况下使用它

508 css  sass 

我可以使Firefox在此链接上不显示点状的难看的焦点轮廓： a:focus { outline: none; } 但是，我也该如何对<button>标签执行此操作？当我这样做时： button:focus { outline: none; } 单击这些按钮时，它们的焦点轮廓仍为虚线。 （是的，我知道这是一个可用性问题，但是我想提供适合于设计的我自己的焦点提示，而不是难看的灰色点）

507 css  firefox 

我有一个<div>元素，我想在上面加一个边框。我知道我可以写style="border: 1px solid black"，但是这会在div的任何一侧增加2px，这不是我想要的。 我宁愿此边框距div的边缘为-1px。div本身是100px x 100px，如果我添加边框，则必须做一些数学运算才能使边框出现。 有什么方法可以使边框出现，并确保框仍为100px（包括边框）？

506 html  css  border 

jQuery是否有任何语法方法来定义多个CSS属性，而无需像这样将所有内容都放在右边： $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt"); 如果您有20条这样的代码，那么您将很难阅读，有什么解决方案吗？ 例如，通过jQuery API，jQuery可以理解并返回两者的正确值 .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" }) 和 .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }). 请注意，对于DOM表示法，属性名称周围的引号是可选的，但对于CSS表示法，由于名称中的连字符，因此必须使用引号。

504 jquery  css 

为什么在以下代码中，的高度div大于的高度img？图像下方有一个缝隙，但似乎不是填充/边距。 图像下方的间隙或多余空间是多少？ #wrapper { border: 1px solid red; width:200px; } img { width:200px; } <div id="wrapper"> <img src="http://i.imgur.com/RECDV24.jpg" /> </div> 运行代码段隐藏结果展开摘要

502 html  css  image 

有什么办法可以表达ng-class条件表达式吗？ 例如，我尝试了以下方法： <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> 此代码的问题在于，无论如何obj.value1，类测试始终应用于元素。这样做： <span ng-class="{test: obj.value2}">test</span> 只要obj.value2不等于真实值，就不会应用该类。现在，通过执行以下操作，我可以在第一个示例中解决此问题： <span ng-class="{test: checkValue1()}">test</span> 该checkValue1函数如下所示： $scope.checkValue1 = function() { return $scope.obj.value === 'somevalue'; } 我只是想知道这ng-class是否应该工作。我还在建立一个自定义指令，在其中我想做类似的事情。但是，我找不到观察表达式的方法（也许这是不可能的，以及它如此工作的原因）。 这是显示我的意思的plnkr。

499 html  css  angularjs 

我想text-overflow在表格单元格中使用CSS ，这样，如果文本太长而无法放在一行上，它将用省略号进行剪切，而不是换成多行。这可能吗？ 我尝试了这个： td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 但是，white-space: nowrap似乎使文本（及其单元格）不断向右扩展，从而使表格的总宽度超出了其容器的宽度。但是，如果没有它，文本在到达单元格边缘时会继续换行。

499 css  overflow 

我正在使用Google Chrome浏览器中的网页。它可以正确显示以下样式。 table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 重要的是要注意，我没有定义这些样式。在Chrome开发人员工具中，用用户代理样式表代替CSS文件名。 现在，如果我提交表单并且发生一些验证错误，则会得到以下样式表： table { white-space: normal; line-height: normal; font-weight: normal; font-size: medium; font-variant: normal; font-style: normal; color: -webkit-text; text-align: -webkit-auto; } table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } 在font-size这些新的风格被扰乱我的设计。有没有一种方法可以强制我的样式表，并在可能的情况下完全覆盖Chrome的默认样式表？

499 css  google-chrome 

有了所有新的CSS3边框-webkit，现在可以在字体中添加边框了吗？（就像蓝色的Twitter徽标周围的纯白色边框一样）。如果不是，是否有任何不太丑陋的骇客会在CSS / XHTML中完成此任务，还是我仍然需要启动Photoshop？

491 css  fonts 

编写CSS媒体查询时，有什么方法可以使用“或”逻辑指定多个条件？ 我正在尝试做这样的事情： /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ... }

490 css  media-queries 

是否可以通过CSS5的HTML5数据属性（例如，data-role）来选择元素？

488 css  html  css-selectors  custom-data-attribute