Questions tagged «css»

我希望整个块都以其父对象为中心，但是我希望该块的内容保持对齐。 例子最好 在本页 ： http://yaml-online-parser.appspot.com/?yaml=%23+ASCII+Art%0d%0a---+%7c%0d%0a++%5c%2f%2f%7c%7c%5c% 2f％7c％7c％0d％0a ++％2f％2f +％7c％7c ++％7c％7c __％0d％0a＆type = python ascii艺术应居中（如显示），但应对齐并看起来像“ YAML”。 或这个 ： http://yaml-online-parser.appspot.com/?yaml=%3f+-+Detroit+Tigers%0d%0a++-+Chicago+cubs%0d%0a%3a%0d%0a++-+2001-07-23 ％0d％0a％0d％0a％3f +％5b + New + York + Yankees％2c％0d％0a ++++ Atlanta + Braves +％5d％0d％0a％3a +％5b + 2001-07-02％2c + 2001-08-12％2c％0d％0a ++++ 2001-08-14 +％5d％0d％0a 该错误消息应该像在控制台中一样全部对齐。

81 css  alignment  center 

我刚刚发现了如何在Google Chrome浏览器中隐藏滚动条，我是用以下代码完成的： ::-webkit-scrollbar { display: none; } 唯一的问题是，这在Firefox上不起作用。尝试了许多方法，但仍然无法正常工作。

81 css  firefox 

我想设置code不在a标签内的元素的样式。 什么是实现此目标的最佳方法？ code:not(a code)似乎根本不起作用，至少在Chrome上不起作用，即使看起来应该如此 我也无法从控制台运行它。 我还有其他可用于CSS的方法吗？

81 css  css-selectors 

有没有办法更改.btnBootstrap中的所有属性？我已经尝试过以下方法，但有时仍显示默认的蓝色（例如单击并删除鼠标后等）。如何完全更改整个主题？ .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited { background-color: #8064A2; }

81 css  twitter-bootstrap  twitter-bootstrap-3 

overflow-wrap/word-wrap和之间的确切区别是word-break什么？有人可以告诉我打破长链接的更好的方法吗？大多数人说您应该将断字与结合使用，overflow-wrap但看起来不太合逻辑。我认为overflow-wrap结合使用以word-wrap获得更好的跨浏览器支持是最好的方法。你怎么看？

81 html  css  word-wrap  word-break 

我正在偷看一个使用card-deckandcard类的Bootstrap示例（Pricing示例）。我想知道，如果其中一个列表的项目少于其他列表，如何解决按钮对齐问题。 我希望所有按钮都垂直对齐（在每张卡的底部），但我想不出一种方法。我尝试设置.align-bottom类以及将按钮包装在中<div class="align-text-bottom">。我还尝试了有关添加空间的问题的一些建议，但是仍然没有成功（间隔也应该是可变的，以便它可以填充列表中的剩余空间）。 包裹<div class="card-footer bg-white">没有产生期望的结果，因为它没有对齐卡片底部的按钮，并且在卡片周围产生了某种边框。 有人有主意吗？ 编辑：这是一个类似于问题的jsfiddle。

81 html  css  twitter-bootstrap  bootstrap-4 

CSS中的min-content和max-content值如何计算？ 内在维数是什么意思？

81 css 

首先，我指的是CSS标签。 我已经在Google上搜索过，@apply但是找不到任何可以为我正确解释其含义的东西。 这样的标签有什么用？

81 css 

我正在建立一个投资组合网站。 HTML代码 <div id = "hero"> <div id = "social"> <img src = "facebook.svg"> <img src = "linkedin.svg"> <img src = "instagram.svg"> </div> </div> CSS代码（使用SASS） #hero { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300px; #social { width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; img { width: …

81 html  css  svg  sass 

如何在Bootstrap响应表中设置列的大小？我不希望桌子失去响应能力。我也需要它在IE8中工作。我已包含HTML5SHIV和“响应”。 我正在使用Bootstrap 3（3.2.0） <div class="table-responsive"> <table id="productSizes" class="table"> <thead> <tr> <th>Size</th> <th>Bust</th> <th>Waist</th> <th>Hips</th> </tr> </thead> <tbody> <tr> <td>6</td> <td>79 - 81</td> <td>61 - 63</td> <td>89 - 91</td> </tr> <tr> <td>8</td> <td>84 - 86</td> <td>66 - 68</td> <td>94 - 96</td> </tr> </tbody> </table> </div>

81 css  html  twitter-bootstrap  twitter-bootstrap-3 

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> ng-show应用display: none或display: block属性，但我想应用visibility: hidden和visibility: visible属性。

80 html  css  angularjs 

设置CSS属性的首选方法是什么？ 内联样式属性： <div style="width:20px;height:20px;background-color:#ffcc00;"></div> <style>...</style>标签中的样式属性： <style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>

80 html  css 

CSS块格式设置上下文如何工作？ CSS2.1规范说，在块格式设置上下文中，框是从顶部开始垂直放置的。即使块中有浮动元素，也会发生这种情况，除非块框建立了新的块格式化上下文。众所周知，当浏览器在块格式上下文中呈现块框时，会省略float元素，为什么建立新的块格式上下文有效？ 框（块框和嵌入式框）在正常流程中如何布置？ 我在某处读到了块元素会生成块框的情况，但是当用户代理绘制框时，浮动元素将被忽略，并在填充内容时将其考虑在内。尽管浮动元素将与框的其他元素重叠，但解决方案是使用来为重叠元素建立新的块格式设置上下文overflow:hidden。 “新的块格式设置上下文仍然是块格式设置”，因此在绘制框时，它还将浮动元素当作没有退出一样。是这样吗？还是我误解了“新块格式设置上下文”？ 更新：更多问题 通过说“这种行为对列式样式布局很有用。但是，它的主要用途是停止浮动，例如在“主要内容” div中，实际上清除浮动的侧栏，即在源代码中较早出现的浮动。” 我不明白其中的含义，我将提供一个示例，也许您会理解我。 显示代码段 .content { background: #eee; color #000; border: 3px solid #444; width: 500px; height: 200px; } .float { background: rgba(0, 0, 255, 0.5); border: 1px solid #00f; width: 150px; height: 150px; float: right; } p { background: #444; color: #fff; } …

80 css 

我使用的是Font-Awesome，但未加载字体文件时，图标显示为。 因此，我希望这些图标display:none在未加载文件时具有。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } 我怎么知道这些文件已经加载，我终于可以显示图标了？ 编辑： 我不是在说页面何时被加载（onload），因为字体可以在整个页面之前被加载。

80 javascript  jquery  css  font-face  font-awesome 

我已经实现了一个弹出框，可以动态显示搜索选项。我希望该框“浮动”在所有网站内容之上。当前，当显示该框时，它将替换其下方的所有内容，并且看起来很糟。 我相信我已经尝试将box的div的z-index设置为高于其余页面内容的z-index，但是仍然没有运气。

80 css  z-index