Questions tagged «css»

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。它还描述了如何在屏幕,纸张,语音或其他媒体上呈现元素。

15
如何删除输入文本元素上的边框突出显示
当一个HTML元素被“聚焦”(当前被选中/插入)时,许多浏览器(至少是Safari和Chrome)会在其周围放置一个蓝色边框。 对于我正在处理的布局,这会分散注意力,看起来不正确。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox似乎没有这样做,或者至少可以让我通过以下方式控制它: border: x; 如果有人可以告诉我IE的性能,我会很好奇。 让Safari消除这点闪光会很好。
610 css  input  safari  webkit  border 



25
检查元素是否包含JavaScript中的类?
使用普通的JavaScript(不是jQuery),是否可以检查元素是否包含类? 目前,我正在这样做: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "class4": test.innerHTML = "I have class4"; break; default: test.innerHTML = ""; } …
585 javascript  html  css  dom 

21
CSS强制调整图像大小并保持宽高比
我正在处理图像,但遇到宽高比问题。 <img src="big_image.jpg" width="900" height="600" alt="" /> 如您所见,height并且width已经指定。我为图像添加了CSS规则: img { max-width:500px; } 但是big_image.jpg,我收到width=500和height=600。如何设置图像以调整尺寸,同时保持其纵横比。
577 css  image  aspect-ratio 

30
Bootstrap模态出现在背景下
我直接从Bootstrap示例中使用了模态代码,仅包含bootstrap.js(而不包含bootstrap-modal.js)。但是,我的模态出现在灰色渐变(背景)下面,并且不可编辑。 看起来是这样的: 请参阅此提琴,以获取重现此问题的一种方法。该代码的基本结构如下: <body> <p>Lorem ipsum dolor sit amet.</p> <div class="my-module"> This container contains the modal code. <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body">Modal</div> </div> </div> </div> </div> </body> body { padding-top: 50px; } .my-module { position: fixed; top: 0; left: 0; } 关于这是为什么的任何想法,或者我可以做些什么来解决此问题?


23
您如何使用Twitter Bootstrap获得居中的内容?
我正在尝试遵循一个非常基本的示例。使用入门页面和网格系统,我希望以下几点: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> 运行代码段隐藏结果展开摘要 ...将产生居中的文字。 但是,它仍然显示在最左侧。我究竟做错了什么?

21
HTML表中的自动换行
我一直在用s和s word-wrap: break-word包装文字。但是,它似乎在表单元格中不起作用。我将表设置为,其中包含一行和两列。列中的文本尽管具有上述样式,但不会自动换行。它导致文本超出单元格的边界。在Firefox,Google Chrome和Internet Explorer上会发生这种情况。divspanwidth:100%word-wrap 来源如下所示: td { border: 1px solid; } <table style="width: 100%;"> <tr> <td> <div style="word-wrap: break-word;"> Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong word </div> </td> <td><span style="display: inline;">Short word</span></td> </tr> </table> 运行代码段隐藏结果展开摘要 上面的长字比我页面的边界大,但与上面的HTML相同。我尝试了以下添加text-wrap:suppress和的建议text-wrap:normal,但均无济于事。
566 html  css  html-table 

27
将工具提示添加到div
我有这样的div标签: <div> <label>Name</label> <input type="text"/> </div> 如何:hover在div 上显示工具提示,最好具有淡入/淡出效果。
566 javascript  html  css  tooltip 

8
Normalize.css和Reset CSS有什么区别?
我知道CSS重置是什么,但是最近我听说了这个叫做Normalize.css的新东西。 Normalize.css和Reset CSS有什么区别? 标准化CSS和重置CSS有什么区别? CSS重置只是一个新的流行词吗?
565 css  normalize-css 

18
Angular:带* ngClass的条件类
我的Angular代码有什么问题?我正进入(状态: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... 的HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>

3
为什么浏览器从右到左匹配CSS选择器?
浏览器引擎从右到左匹配CSS选择器。因此,他们首先找到孩子,然后检查父母,看他们是否符合规则的其余部分。 为什么是这样? 只是因为规格说明了吗? 如果从左到右进行评估,是否会影响最终的布局? 对我来说,最简单的方法是使用元素数量最少的选择器。因此,ID优先(因为它们只能返回1个元素)。然后,可能是类或具有最少节点数的元素-例如,页面上可能只有一个范围,因此请使用引用范围的任何规则直接转到该节点。 这是一些支持我的主张的链接 http://code.google.com/speed/page-speed/docs/rendering.html https://developer.mozilla.org/en/Writing_Efficient_CSS 听起来这样做是为了避免查看父母的所有子代(可能很多),而不是查看必须是一个的所有子代。即使DOM很深,它也只会在每个级别查看一个节点,而不是RTL匹配中的多个节点。评估CSS选择器LTR或RTL更容易/更快吗?

7
使用CSS使div垂直滚动
这个 <div id="" style="overflow:scroll; height:400px;"> 运行代码段隐藏结果展开摘要 提供了一个div用户可以水平和垂直滚动的功能。如何更改它以便div 仅可垂直滚动?
560 html  css 

21
展开div以填充剩余宽度
我想要一个两列的div布局,其中每个可以具有可变的宽度,例如 div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> 运行代码段隐藏结果展开摘要 我希望'view'div扩展到'tree'div已填充所需空间后的整个宽度。 目前,我的“视图” div已调整为包含它的内容的大小,如果两个div都占据整个高度,那也将很好。 不重复免责声明: 设置float:left时,将div扩展为最大宽度, 因为左侧的宽度固定。 帮助div-使div适合剩余宽度, 因为我需要将两列都向左对齐

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.