程序设计 css

11

有谁知道Internet Explorer是否/何时支持“ border-radius” CSS属性？

158 internet-explorer css

9

当内容的高度可变时，垂直对齐div内容的最佳方法是什么？在我的特定情况下，容器div的高度是固定的，但是如果有一种在容器高度可变的情况下也能起作用的解决方案，那会很棒。另外，我希望不使用CSS hack和/或使用非语义标记，或者很少使用CSS hack和/或非语义标记的解决方案。

158 css vertical-alignment

15

如何使用jQuery获取CSS属性的数字部分？

我需要根据CSS属性进行数值计算。但是，当我使用它来获取信息时： $(this).css('marginBottom') 它返回值“ 10px”。有没有窍门刚开值的数字部分无论是px或%或em或什么？

158 javascript jquery css parsing

7

如何自动裁剪和居中图像

给定任意图像，我想从图像中心裁剪一个正方形并将其显示在给定的正方形内。这个问题与此类似：CSS显示已调整大小并裁剪的图像，但我不知道图像的大小，因此无法使用设置的边距。

158 css

8

2列div布局：固定宽度的右列，左侧流体

我的要求很简单：2列，其中正确的列具有固定的大小。不幸的是，无论是在stackoverflow上还是在Google中，我都找不到可行的解决方案。如果我在自己的上下文中实现，那么那里描述的每个解决方案都会失败。当前的解决方案是： div.container { position: fixed; float: left; top: 100px; width: 100%; clear: both; } #content { margin-right: 265px; } #right { float: right; width: 225px; margin-left: -225px; } #right, #content { height: 1%; /* fixed for IE, although doesn't seem to work */ padding: 20px; } <div class="container"> <div id="content"> …

158 css html

8

CSS3自旋动画

我已经回顾了很多演示，并且不知道为什么我无法使CSS3自旋起作用。我正在使用最新的稳定版Chrome。小提琴：http： //jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 40000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 40000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); } <div></div> 运行代码段隐藏结果展开摘要

158 css css-animations

5

如何获得Bootstrap列来跨越多行？

我试图弄清楚如何用Bootstrap做下面的网格。我不确定如何创建跨越两行的框（数字1）。框是按照编程顺序生成的。方框1是欢迎消息。有什么最好的方法吗？

158 css twitter-bootstrap

9

ReactJS将动态类添加到手动类名称

我需要将动态类添加到常规类列表中，但不知道该如何做（我正在使用babel），如下所示： <div className="wrapper searchDiv {this.state.something}"> ... </div> 有任何想法吗？

158 css reactjs

12

使用Bootstrap 2在某些位置但并非在所有位置将字形的颜色更改为蓝色

我正在为我的UI使用Bootstrap框架。我想将字形的颜色更改为蓝色，但并非在所有地方都更改。在某些地方，它应该使用默认颜色。我已经提到了这两个链接，但没有发现任何帮助。我可以仅使用CSS向引导图标添加颜色吗？如何将Bootstrap 3的glyphicons更改为白色？请注意：我正在使用Bootstrap 2.3.2。

157 html css twitter-bootstrap-2

6

如何使Twitter Bootstrap工具提示有多行？

我目前正在使用以下功能来创建将通过Bootstrap的工具提示插件显示的文本。多行工具提示如何只能使用<br>而不能使用\n？我希望链接的标题属性中没有任何HTML。什么有效 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end 我想要的是 def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "\n" end return tooltip end

157 javascript html css twitter-bootstrap

4

从超链接中删除所有样式/格式

我正在创建一个导航菜单，其中包含不同颜色的单词（href链接）。我希望颜色在任何状态下都不会改变（悬停，访问等）。我知道如何为不同状态设置颜色，但是我想知道代码仅保留文本颜色（以及其他任何样式/格式）。有什么建议？

157 html css href

11

CSS样式表将按什么顺序覆盖？

在HTML标头中，我得到了以下内容： <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.css是我的页面专用表。master.css是我在每个项目上使用的工作表，用于覆盖浏览器的默认设置。这些样式表中哪个优先？示例：第一张纸包含特定内容 body { margin:10px; } 和相关的边界，但是第二个包含我的重置 html, body:not(input="button") { margin: 0px; padding: 0px; border: 0px; } 本质上，CSS的级联元素在样式表引用方面是否与典型CSS函数中的相同？意思是显示的最后一行是？

157 css overriding stylesheet

15

如何缩放CSS Sprite中的图像

本文（http://css-tricks.com/css-sprites/）讨论了如何从1个较大的图像中裁剪出较小的图像。您能否告诉我是否有可能/如何裁剪出较小的图像，然后在布局之前缩放裁剪的区域？这是该文章的示例： A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } 我想知道从spriteme1.png裁剪图像后如何缩放图像这是示例的网址：http : //css-tricks.com/examples/CSS-Sprites/Example1After/ 所以我想知道是否可以缩小项目1,2,3,4旁边的图标？

157 css css-sprites

12

如何在同一div中的两个按钮之间留出空间？

水平间隔Bootstrap按钮的最佳方法是什么？此刻，按钮正在触摸： <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> jsfiddle显示问题：http : //jsfiddle.net/hhimanshu/sYLRq/4/

157 html css twitter-bootstrap

17

模态中的Bootstrap 3和Youtube

我正在尝试使用Bootstrap 3中的Modal功能来显示我的Youtube视频。它可以工作，但是我无法单击Youtube视频中的任何按钮。有什么帮助吗？这是我的代码： <div id="link">My video</div> <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <iframe width="400" height="300" frameborder="0" allowfullscreen=""></iframe> </div> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/jquery-1.10.1.min.js"><\/script>')</script> <script src="js/bootstrap.min.js"></script> <script> $('#link').click(function () { …

157 jquery css twitter-bootstrap youtube twitter-bootstrap-3

Questions tagged «css»