Questions tagged «css»

如何告诉Flexbox布局行占用浏览器窗口中的剩余垂直空间？ 我有一个3行的flexbox布局。前两行是固定高度，但第三行是动态高度，我希望它可以增长到浏览器的整个高度。 我在第3行中有另一个flexbox，它创建了一组列。为了适当地调整这些列中的元素，我需要它们了解浏览器的整个高度-例如背景颜色和底部的项目对齐。主要布局最终将类似于以下内容： .vwrapper { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; align-content: stretch; //height: 1000px; } .vwrapper #row1 { background-color: red; } .vwrapper #row2 { background-color: blue; } .vwrapper #row3 { background-color: green; flex 1 1 auto; display: flex; } .vwrapper #row3 #col1 { background-color: yellow; …

102 html  css  flexbox 

如何从段落的第二行开始缩进？ 我试过了 p { text-indent: 200px; } p:first-line { text-indent: 0; } 和 p { margin-left: 200px; } p:first-line { margin-left: 0; } 和 (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

102 html  css  text  pseudo-class  indentation 

我正在尝试将渐变应用于SVG rect元素。 目前，我正在使用该fill属性。在我的CSS文件中： rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } rect在浏览器中查看时，元素具有正确的填充色。 但是，我想知道是否可以对这个元素应用线性渐变吗？

102 css  svg  gradient  linear-gradients 

如何在同一行中对齐文本，以使其中一些对齐到左侧？ <p>This text should be left-aligned. This text should be right aligned.</p> 我可以将所有文本直接向内或通过使用样式表向左（或向右）对齐- <p style='text-align: left'>This text should be left-aligned. This text should be right aligned.</p> 如何将相应的文本在左右对齐，同时保持在同一行上？

102 html  css 

在中Bootstrap 3，我可以随意col-sm-xx将其应用于和调整大小表列中的th标签thead。但是，这在Bootstrap 4中不起作用。如何在Bootstrap 4中实现类似的功能？ <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> 查看提供的编解码器大小不正确，特别是如果您向表中添加一些数据。查看运行方式： <div class="container" style="border: 1px solid black;"> <table class="table table-bordered"> <thead> <tr class="row"> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </tr> </thead> <tbody> <tr> <td>123</td> <td>456</td> <td>789</td> …

102 css  twitter-bootstrap  html-table  bootstrap-4 

我一直在研究jquery插件，想知道如何修改该插件以将一个数字（如4.8618164）转换为4.8618164个星（填充5个星）。基本上使用jQuery将数字<5解释为一个5星评级系统中的星/ JS / CSS。 请注意，这只会显示/显示现有数字中的星级，而不接受新的评级提交。

101 javascript  jquery  css  rating 

我正在使用LESS改进我的CSS，并试图将一个类嵌套在一个类中。层次结构相当复杂，但是由于某种原因，我的嵌套无法正常工作。我有这个： .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; span { border: none; } } } 我无法.g.posted上班。它只是显示.g位。如果我这样做就可以了： .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } } .g.posted { .my-posted; span { border: none; …

101 css  nested  less 

我将样式表存储在{root} / styles中，将图像存储在{root} / images中。如何在样式表中提供路径以在指定图像的图像目录中查找？ 例如在 background-image: url('/images/bg.png');

101 html  css  relative-path 

问题 我有一个CSS文件，其中包含一些路径（用于图像，字体等。url(..)）。 我的路径结构是这样的： ... +-src/ | +-MyCompany/ | +-MyBundle/ | +-Resources/ | +-assets/ | +-css/ | +-stylesheets... +-web/ | +-images/ | +-images... ... 我想在样式表中引用我的图像。 第一个解决方案 我将CSS文件中的所有路径更改为绝对路径。这不是解决方案，因为应用程序也应该（并且必须！）也在子目录中工作。 第二解决方案 与一起使用Assetic filter="cssrewrite"。 所以我将我的CSS文件中的所有路径更改为 url("../../../../../../web/images/myimage.png") 代表从我的资源目录到/web/images目录的实际路径。这不起作用，因为cssrewrite会生成以下代码： url("../../Resources/assets/") 这显然是错误的道路。 assetic:dump创建此路径后，这仍然是错误的： url("../../../web/images/myimage.png") Assetic的树枝代码： {% stylesheets '@MyCompanyMyBundle/Resources/assets/css/*.css' filter="cssrewrite" %} <link rel="stylesheet" href="{{ asset_url }}" /> {% endstylesheets …

101 php  css  symfony  assetic 

以下摘自Yahoo CSS重置。有人可以解释一下星号的目的吗？ body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; }

101 css 

我无法将表格行设置为指向某些内容的链接。我只能使用CSS和HTML。我尝试了从div到另一行的不同操作，但仍然无法使它起作用。

101 html  css  hyperlink  html-table 

我的li风格如下： li{ display:inline-block; padding:5px; border:1px solid none; } li:hover{ border:1px solid #FC0; } 当我将鼠标悬停在li边框上时，不会出现li的移动。是否有可能出现不可见的“边界”？

101 css  transparency  border-color 

如果它们存在于编程中）， 如果我有一个带有以下输入的HTML表单： <input type="text" /> <input type="password" /> <input type="checkbox" /> 我想将样式应用于type="text"或的所有输入type="password"。 或者，我将满足所有输入的where type != "checkbox"。 看来我必须这样做： input[type='text'], input[type='password'] { // my css } 没有办法做： input[type='text',type='password'] { // my css } 要么 input[type!='checkbox'] { // my css } 我环顾四周，似乎没有办法用单个CSS选择器来做到这一点。 当然没什么大不了的，但我只是一只好奇的猫。 有任何想法吗？

101 html  css  css-selectors 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 我正在研究在ASP.NET环境中使用Ruby HAML包中的SASS（语法上很棒的StyleSheets）的方法。理想情况下，我希望将SASS文件编译为CSS是构建过程中的一个无缝部分。 进行集成的最佳方法是什么？另外，还有其他CSS生成工具更适合.NET环境吗？

101 asp.net  css  sass 

如何在不使用border-width的整个元素宽度的情况下使用CSS为任何元素赋予边框？ 像在Photoshop中一样，我们可以给笔画-内部，中心和外部 我认为默认的CSS边框属性是中心，如photoshop中的中心，对吗？ 我想在框内而不是外面给边框。并且不想在框宽中包含边框宽度。

101 css