程序设计 css

5

是否可以使阴影围绕整个DIV？ -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; 我知道属性的顺序去：水平偏移垂直偏移模糊半径颜色但我想知道是否有可能使阴影四处散布，而不是只出现在一侧或一侧。

69 css

12

Flexbox在Safari中包装第一行的最后一列

在Safari和其他一些基于iOS的浏览器中查看时，第一行的最后一列将换行到下一行。苹果浏览器： Chrome /其他：码： .flexthis { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexthis .col-md-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } <div class="row flexthis"> <div class="col-md-4 col-sm-6 text-center"> <div class="product"> <img src="img.jpg" alt="" class="img-responsive"> <h3>Name</h3> <p>Description</p> </div> …

69 twitter-bootstrap css twitter-bootstrap-3 flexbox

1

在居中的Bootstrap 3网格旁边创建固定的侧边栏

我想创建一个固定的边栏，该边栏位于居中的Bootstrap网格之外。尝试执行此操作时，我面临的挑战是确定要向我应用/覆盖的其他样式，.container以便在调整屏幕大小时不会与侧边栏重叠。对于初学者，我仅使用css框架的网格部分，因此和是从文件本身提取的代码.container，.row并且不是自定义的。还要记住，我正在使用Bootstrap 3，因此，请不要提出以前线程中经常问到的Bootstrap 2流体网格解决方案的建议。.col-md-12bootstrap.css 的HTML <div id="left-nav"></div> <div class="container"> <div class="row"> <div class="col-md-12"> <p>Lorem ipsum dolor sit amet, nunc dictum at.</p> </div> </div> </div> 的CSS html, body { height: 100%; width: 100%; } #left-nav { background: #2b2b2b; position: absolute; top: 0px; left: 0px; height: 100%; width: 250px; }

69 html css twitter-bootstrap responsive-design

4

具有相同名称的CSS类和ID

具有相同名称的CSS类和ID有什么问题吗？就像.footer是文章/帖子的页脚，而#footer是页面页脚。

69 css class

9

以响应方式更改文本对齐（使用Bootstrap 3）？

我正在为博客使用Bootstrap 3。在我的自定义CSS中，我最近添加了 body { text-align: justify; ... } 我喜欢更大屏幕（平板电脑，台式机）上的结果。但是在小屏幕（电话）上，由于列较窄加上我的博客偶尔使用，所以合理文本无法正常工作long-ish-technical-terms-like-this。我可以text-align: justify 仅在较大的屏幕上进行响应吗？是否可以仅通过CSS来做到这一点，还是需要编写一些自定义JS来做到这一点？

69 css twitter-bootstrap-3

7

高度：<div>中<div>内的<div>为100％，显示：table-cell

这是使用display: table和display: table-cellCSS声明的2列标记： .table { display: table; } .cell { border: 2px solid black; vertical-align: top; display: table-cell; } .container { height: 100%; border: 2px solid green; } <div class="table"> <div class="cell"> <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text <p>Text </div> <div class="cell"> <div class="container">Text</div> </div> </div> 运行代码段Hide results展开摘要但是.container块不会垂直填充父单元格。这是JsFiddle上的示例：http …

69 html css css-tables

17

Google字体无法在Google Chrome上呈现

我正在建立一个新的WordPress主题（不知道是否相关），并且这个问题一直困扰着我。我已经从Google Webfonts（包括CSS<head>部分）中加载了Roboto Slab 。在其他所有浏览器上，除了Google Chrome之外，字体都可以正常显示。当我第一次在Google Chrome浏览器中加载网站时，使用该自定义字体的文本根本不会显示（即使字体库将佐治亚州作为后备- "Roboto Slab", Georgia, serif;）。将鼠标悬停在样式链接上或在Inspector中重新触发任何CSS属性后，文本将变为可见。自从我在一段时间前启动主题以来，我可以清楚地记得它以前运行得很好。这是一些已知的最近的Chrome更新错误吗？首次加载：重新应用任何CSS属性后，进入响应视图或将元素悬停：有人有类似的问题吗？我应该如何进行呢？谢谢！

69 html css google-chrome google-webfonts

1

与Joomla捆绑在一起的Bootstrap 2.1.0中的“未捕获的SyntaxError：意外令牌{”！3.0

我正在使用Joomla！3.0，其中包括Twitter Bootstrap 2.1.0。我想做我自己的Joomla！模板，则需要使用下拉菜单。当我包含以下CSS / JS时： <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script> <script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script> <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css"> <link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon"> 我收到以下CSS错误： Uncaught SyntaxError: Unexpected token { 在/media/jui/css/bootstrap.css第19行

69 css joomla twitter-bootstrap

9

创建闪电设计（例如Flash）

Наэтотвопросестьответына堆栈溢出нарусском：Создайтедизайнмолнии 我正在尝试在CSS中从Flash（DC漫画）（或Big Bang Theory的Sheldon Cooper穿的T恤）中重新创建闪电符号。这将像星级评分系统一样，只不过是“闪电评分系统”。但是，由于我试图将HTML保持在最低水平，因此我只想在CSS中设置样式。我已经到了以下阶段： html, body { margin: 0; height: 100%; background: radial-gradient(ellipse at center, rgba(79, 79, 79, 1) 0%, rgba(34, 34, 34, 1) 100%); } .wrap { height: 50vw; width: 50vw; position: relative; margin: 0 auto; } .circ:hover{ background:gray; } .circ:hover .bolt{ background:gold; } .circ …

69 html css svg css-shapes

14

如何在HTML中不带空格的长行换行？

如果用户键入的长行中没有空格或空白，则会超出当前元素的宽度，从而破坏格式。就像是：哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈... ................................................... ................................................... 我已经尝试过仅wordwrap()在PHP中使用，但是问题在于，如果有链接或其他有效的HTML，它就会中断。 CSS中似乎有一些选项，但是它们都不在所有浏览器中都可用。请参阅IE中的自动换行。你怎么解决这个问题？

69 php html css word-wrap

5

Twitter Bootstrap文本字段的高度是否太小？

我正在使用引导程序，发现文本字段的高度太小，小于10像素，我想知道它是否太小或我犯了一些错误。我用萤火虫检查了文本区域。它说高度是18px，这对我来说似乎是不可能的...我得到的和从这里得到的是一样的。引导程序示例中的文本区域。这让我很困惑...我得到的是 input, textarea, select, .uneditable-input { border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; color: #555555; display: inline-block; font-size: 13px; height: 18px; line-height: 18px; margin-bottom: 9px; padding: 4px; } 高度说是18像素，但不是...有人可以帮忙吗？

69 css twitter-bootstrap

4

反转CSS或JavaScript中图像的颜色

如果可能，如何在CSS中反转图像（jpg / png ..）的颜色？先前的相关问题没有提供足够的细节。

69 javascript css colors

8

溢出文字可以居中吗？

当我指定text-align:center一个宽度大于文本宽度的元素时，文本将居中于元素的内容框中（如预期的那样）。当我指定text-align:center宽度小于文本宽度的元素时，文本将与内容框的左边缘对齐，并溢出内容框的右边缘。您可以在此处查看这两种情况。任何CSS魔术都可以使文本在内容框的左边缘和右边缘均相等地溢出，从而使其居中吗？

69 css text overflow center alignment

11

ID在整个页面中必须唯一吗？

我正在使用jQuery，我只是想知道，ID是否在整个页面中必须始终是唯一的？我知道，您可以根据需要将课程重复多次，ID呢？

69 jquery html css

4

获取内联块元素的高度以填充父级

我有一个有两个物品的容器。这些select元素之一是元素，因此我需要size通过HTML设置属性。我希望容器中的其他项目伸展其高度以适合容器。我不知道。我不想显式设置容器的高度，因为我不知道该选择框的大小。 .container { padding: 5px; border: 1px solid black; } .container .column { display: inline-block; width: 40%; background-color: #AAA; padding: 5px; margin: 5px; vertical-align: top; height: 100%; } select { width: 100%; } <div class="container"> <div class="column">Stretch to fill?</div> <div class="column"> <select size="15"> <option>Option 1</option> <option>Option 2</option> </select> </div> <div> …

69 css

Questions tagged «css»