Questions tagged «css»

我正在Twitter Bootstrap中构建表单，但是在将按钮置于表单输入下方的中心时遇到问题。我已经尝试过将center-block类应用于按钮，但这没有用。我该如何解决？ 这是我的代码。 <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary center-block"> Next Step! </button> </div> </div>

259 html  css  twitter-bootstrap  button 

我正在使用CMS，但我只能访问CSS文件。因此，我不能在文档的标题中包含任何内容。我想知道是否可以从CSS文件中导入Web字体？

258 css  fonts  google-webfonts 

我在a中有一个长文本，其中div包含definewidth： HTML： <div>Stack Overflow is the BEST !!!</div> CSS： div { border: 1px solid black; width: 70px; } 我怎么能迫使字符串停留在一行（即在“溢出”的中间被切断）？ 我尝试使用overflow: hidden，但没有帮助。

258 html  css 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引文回答。 2年前关闭。 改善这个问题 拥有一个包含将在几乎所有页面上使用的样式元素的单个Monster .css文件有什么好处？ 我在想，为了便于管理，我想将不同类型的CSS提取到几个文件中，并在我的主文件中包含每个文件，这<link />有什么不好吗？ 我觉得这样比较好 positions.css button.css table.css copy.css 与 site.css 您有没有看到一种相对于另一种方法的陷阱？

258 css  html  stylesheet 

因此，在尝试使用flexbox创建有用的模式时，我发现了似乎是浏览器的问题，并且想知道是否存在已知的修复程序或解决方法-或有关如何解决它的想法。 我要解决的问题有两个方面。首先，使模态窗口垂直居中，这可以按预期工作。第二个是使模式窗口滚动-从外部滚动，这样整个模式窗口都会滚动而不是其中的内容滚动（这样您就可以使用下拉菜单和其他可以扩展到模式范围之外的UI元素-例如自定义日期选择器等） 但是，将垂直居中与滚动条结合使用时，模态的顶部可能会因为开始溢出而变得不可访问。在上面的示例中，您可以调整大小以强制溢出，这样做可以使您滚动到模式的底部，但不能滚动到顶部（第一段被切除）。 这是示例代码的链接（高度简化） https://jsfiddle.net/dh9k18k0/2/ .modal-container { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5); overflow-x: auto; } .modal-container .modal-window { display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; // Optional support to confirm scroll behavior makes sense in IE10 //-ms-flex-direction: …

258 html  css  flexbox  browser-bugs 

如何在CSS表中选择tr除第tr一个元素以外的所有元素？ 我尝试使用此方法，但发现它不起作用。

257 css  css-selectors 

这是HTML： <div id="outer"> <div id="inner"></div> Test </div> 这是CSS： #inner { float: left; height: 100%; } 使用Chrome开发人员工具检查后，内部div的高度为0px。 我如何强制其为父div高度的100％？

256 css  html  height 

HTML： <label for="email">{t _your_email}:</label> CSS： label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 我希望基于“ for”属性选择标签以进行布局更改。

256 css  css-selectors 

有没有一种方法可以使CSS标签中的第一个字符变为大写。 这是我的HTML： <a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a> 运行代码段隐藏结果展开摘要

255 css 

我正在尝试使用bootstrap 3表制作具有固定标题和可滚动内容的表。不幸的是，我发现的解决方案不适用于引导程序或使样式混乱。 这里有一个简单的引导表，但由于某种原因我不知道tbody的高度不是10px。 height: 10px !important; overflow: scroll; 例： <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <table class="table table-striped"> <thead> <tr> <th>Make</th> <th>Model</th> <th>Color</th> <th>Year</th> </tr> </thead> <tbody style="height: 10px !important; overflow: scroll; "> <tr> <td class="filterable-cell">111 Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td class="filterable-cell">2000</td> </tr> <tr> <td class="filterable-cell">Ford</td> <td class="filterable-cell">Escort</td> <td class="filterable-cell">Blue</td> <td …

255 html  css  twitter-bootstrap  html-table 

鉴于此HTML： <div>foo</div><div>bar</div><div>baz</div> 如何使它们像这样内联显示： foo bar baz 不像这样： foo bar baz

254 css  line  html 

总菜鸟问题，但在这里。 的CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; }​​​ 的HTML <span class="product__specfield_8_arrow"> </span>​ 小提琴 基本上，我试图模拟一个按钮，使跨度（或某个范围）看起来像一个输入字段旁边的按钮，由于自动填充生成器会在onEnter上生成错误，因此实际上不需要是一个输入字段。以为这是目前的快速解决方案，但显然不是。 谢谢。

254 css  html  width 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意测验或进一步的讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 如何使用CSS创建圆角？

253 cross-browser  rounded-corners  css 

我有一个要在div中居中的SVG。div的宽度为900px。SVG的宽度为400像素。SVG的margin-left和margin-right设置为auto。不起作用，它的作用就像是左边距为0（默认值）。 有人知道我的错误吗？

252 css  layout  svg  positioning  margin 

我正在尝试构建类似于以下内容的布局： +---+---+---+ | | | | +---+---+---+ | | +-----------+ 底部填充上一行的空间。 如果这是一个实际的表，则可以使用轻松地完成此操作<td colspan="3">，但是由于我只是在创建类似表的布局，因此无法使用<table>标签。使用CSS可以吗？

251 css