Questions tagged «css»

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

12
从FF的选择框中删除轮廓
是否可以删除选择元素中所选项目周围的虚线? 我试图outline在CSS中添加该属性,但是它不起作用,至少在FF中不起作用。 <style> select { outline:none; } </style> 更新 在继续删除大纲之前,请阅读此内容。 http://www.outlinenone.com/
97 html  css  firefox  xhtml 

10
如何用CSS斜穿
我需要这样的东西: 如何使用CSS实现呢?我知道一种方法是使用背景图片,但是我可以仅使用css来实现此功能吗?

10
避免在表格行内分页
当我通过wkhtmltopdf将html转换为PDF时,我想避免在html中的表格行内进行分页。我使用page-break-inside:避免使用table-它的工作原理,但是我有太多的行,那么就行不通了。如果将tr的显示设置为块或其他内容,则它将更改表的格式并插入双边框。或者可以在拆分表的每个页面上插入表标题。
97 html  css  wkhtmltopdf 

4
如何使用CSS在div中放置图片?
我想将所有图像都放在CSS中(我知道的唯一方法就是将它们作为背景图像放置)。 但是此解决方案中的问题是您永远不能让div占用图像的大小。 所以我的问题是:<div><img src="..." /></div>在CSS中拥有等效功能的最佳方法是什么 ?
97 css  image 

5
整页<iframe>
我有下面的示例代码。除移动设备上的浏览器外,此功能对所有浏览器均适用。 溢出标签是问题所在。 适用于移动设备以外的所有设备: margin: 0; padding: 0; height: 100%; overflow: hidden; 适用于所有移动设备而非计算机: margin: 0; padding: 0; height: 100%; 使其同时适用于两者的最佳方法是什么? &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Test Layout&lt;/title&gt; &lt;style type="text/css"&gt; body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe …
97 html  css  iframe 

8
调整图像大小以适合div(引导程序)
我正在尝试使图像适合特定大小的div。不幸的是,图像不符合要求,而是按比例缩小到不够大的尺寸。我不确定使图像适合其内部的最佳方法是什么。 如果这还不够,我将很乐意提供更多代码,并且愿意修复其他我忽略的错误。 这是HTML &lt;div class="span3 top1"&gt; &lt;div class="row"&gt; &lt;div class="span3 food1"&gt; &lt;img src="images/food1.jpg" alt=""&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="span3 name1"&gt; heres the name &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="span3 description1"&gt; heres where i describe and say "read more" &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; 我的CSS .top1{ height:390px; background-color:#FFFFFF; margin-top:10px; } .food1{ background-color:#000000; …

6
对齐float:left div居中?
我想让一组图像在页面上水平显示。每个图像下方都有一些链接,因此我需要在每个图像/链接组周围放置一个容器。 我最想要的就是将它们放在float:left的div中。问题是我希望容器对齐中心而不是左对齐。我该如何做到这一点。
97 html  css 

2
ID中带有句点的CSS选择器
HTML规范允许在ID中使用句点(。): &lt;img id="some.id" /&gt; 但是,使用CSS ID选择器规则将无法正确匹配: #some.id { color: #f00; } ID选择器的CSS规范没有提到这种情况。因此,我假设它使用的是标记名和类选择器的组合?例如,的CSS规则a.className将应用于所有&lt;a&gt;类名称为的锚标记()className,例如&lt;a class="className"&gt;&lt;/a&gt;。 是否可以有一个外部CSS文件规则,该规则通过其ID中带有句点的HTML元素进行引用? 我不希望这样,因为CSS规范指定CSS“ 标识符 ”不包含句点作为有效字符。那么这是HTML和CSS规范之间的根本不匹配吗?我唯一的选择是使用不同类型的CSS选择吗?有谁能比我更聪明地确认或否认这一点? (为了简化起见,我会从HTML id属性中删除句点,但这是系统生成的id,因此在这种情况下,我无法更改它。)

9
CSS中多个类中的逗号和空格是什么意思?
这是我不明白的例子: .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } 在我看来,这width: 460px适用于上述所有类。但是,为什么有些类用逗号(,)分隔,而有些只用空格分隔? 我认为这width: 460px仅适用于以CSS文件中提到的方式组合类的那些元素。例如,它将应用于,&lt;div class='container_12 grid_6'&gt;但不会应用于&lt;div class='container_12'&gt;。这个假设正确吗?

6
100vw引起水平溢出,但仅当一个以上时?
说你有这个: html, body {margin: 0; padding: 0} .box {width: 100vw; height: 100vh} &lt;div class="box"&gt;Screen 1&lt;/div&gt; 您会得到充满整个屏幕的内容,没有滚动条。但添加另一个: &lt;div class="box"&gt;Screen 1&lt;/div&gt; &lt;div class="box"&gt;Screen 2&lt;/div&gt; 您不仅会获得垂直滚动条(预期的),而且还会获得轻微的水平滚动条。 我知道您可以忽略宽度,或将其设置为width:100%,但是我很好奇为什么会这样。是不是100vw应该是“视口宽度的100%”?
97 css 




3
Twitter引导导航栏中的“ icon-bar”
我无法理解以下代码在以下方面的含义icon-bar: &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; 是icon-bar为了什么 为什么会有三个类似的例子呢? 此代码位于导航栏部分: &lt;div class="navbar-header"&gt; ... &lt;/div&gt;

12
固定元素获得焦点时,ios8中的Safari正在滚动屏幕
在IOS8 Safari中,有一个已修复位置错误的新错误。 如果您将焦点放在固定面板中的文本区域,则safari会将您滚动到页面底部。 这使各种UI都无法使用,因为您无法将文本一直输入到textareas中,而无需一直向下滚动页面并失去位置。 有什么办法可以彻底解决此错误? #a { height: 10000px; background: linear-gradient(red, blue); } #b { position: fixed; bottom: 20px; left: 10%; width: 100%; height: 300px; } textarea { width: 80%; height: 300px; } &lt;html&gt; &lt;body&gt; &lt;div id="a"&gt;&lt;/div&gt; &lt;div id="b"&gt;&lt;textarea&gt;&lt;/textarea&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;
96 javascript  ios  css  safari  ios8 

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.