程序设计 css

4

为什么div带有“ display：table-cell;” 不受保证金影响吗？

我有div彼此相邻的元素display: table-cell;。我想margin在它们之间设置，但是margin: 5px没有效果。为什么？我的代码： <div style="display: table-cell; margin: 5px; background-color: red;">1</div> <div style="display: table-cell; margin: 5px; background-color: green;">1</div>

211 html css

3

*和* | *在CSS中有什么区别？

在CSS中，*将匹配任何元素。通常*|*用于代替*匹配所有元素。通常用于测试目的。 *和*|*CSS 和有什么不一样？

211 css css-selectors namespaces

5

使用CSS截断长字符串：可行吗？

有没有什么好方法可以用纯HTML和CSS截断文本，以使动态内容适合固定宽度和高度的布局？我一直在通过逻辑宽度（即盲目猜测的字符数）来截断服务器端，但是由于'w'比'i'宽，所以这往往不是最佳选择，并且还要求我重新猜测（并不断调整）每个固定宽度的字符数。理想情况下，截断将发生在浏览器中，该浏览器知道渲染文本的物理宽度。我发现IE的text-overflow: ellipsis属性完全可以满足我的要求，但是我需要它能够跨浏览器。该属性似乎是（某种程度上）标准的，但Firefox不支持。我发现了各种基于的变通办法overflow: hidden，但是它们要么不显示省略号（我希望用户知道内容已被截断），要么一直显示（即使内容未被截断）。有没有人能以固定的布局来适合动态文本的好方法，还是服务器端的逻辑宽度截断是否和我现在想要的一样好？

210 css text layout cross-browser truncate

7

如果容器元素包含浮动元素，为什么高度不增加？

我想问一下高度和浮球的工作原理。我有一个外部div和一个内部div，其中包含内容。它的高度可能取决于内部div的内容，但似乎我的内部div会溢出其外部div。正确的做法是什么？ <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> 运行代码段隐藏结果展开摘要

210 html css css-float

15

在CSS中为PNG图像添加阴影

我有一个PNG图片，该图片具有自由格式（非正方形）。我需要对此图像应用阴影效果。标准方法... -o-box-shadow: 12px 12px 29px #555; -icab-box-shadow: 12px 12px 29px #555; -khtml-box-shadow: 12px 12px 29px #555; -moz-box-shadow: 12px 12px 29px #555; -webkit-box-shadow: 12px 12px 29px #555; box-shadow: 12px 12px 29px #555; ...显示该图像的阴影，就像一个正方形。因此，我看到了我的图像和方形阴影，它不遵循对象的形式显示在图像中。有什么办法可以正确地做到这一点吗？

210 css image png transparency

5

字体样式：CSS中的斜体与斜体

两者之间有什么区别： font-style:italic font-style:oblique 我尝试使用W3Schools编辑器，但无法分辨出差异。我想念什么？

209 css fonts

10

暂时禁用CSS过渡效果的最干净方法是什么？

我有一个DOM元素，应用了以下一些/全部效果： #elem { -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } 我正在编写一个调整此元素大小的jQuery插件，我需要暂时禁用这些效果，以便可以平滑地调整其大小。临时禁用这些效果（然后重新启用它们）的最优雅方法是什么，因为它们可能是从父母那里应用的，也可能根本没有应用。

209 javascript jquery css

4

CSS \ 9 width属性

这是什么意思？我猜这是一个浏览器黑客，但我一直无法找到确切的功能。 width: 500px\9; 的意义是\9什么？

209 css width css-hack

7

如何在输入中对齐文本？

对于所有默认输入，您要填充的文本从左侧开始。您如何使它从右边开始？

208 html css forms html-input

15

如何使用引导程序对齐图像死点

我正在使用bootstrap框架，并试图使图像水平居中，但是没有成功。我尝试了各种技术，例如将12个网格系统分成3个相等的块，例如 <div class="container"> <div class="row"> <div class="span4"></div> <div class="span4"><img src="logo.png" /></div> <div class="span4"></div> </div> </div> 使图像相对于页面居中的最简单方法是什么？

207 css twitter-bootstrap

14

使用jQuery的填充或边距值（以像素为单位）为整数

jQuery具有height（）和width（）函数，这些函数以整数形式返回像素的高度或宽度。如何使用jQuery 以像素为单位并以整数形式获取元素的填充或边距值？我的第一个想法是执行以下操作： var padding = parseInt(jQuery("myId").css("padding-top")); 但是，例如，如果在ems中给出了填充，我如何获得以像素为单位的值？通过查看Chris Pebble建议的JSizes插件，我意识到我自己的版本是正确的:)。jQuery始终返回以像素为单位的值，因此只需将其解析为整数即可。感谢克里斯·佩布尔（Chris Pebble）和伊恩·罗宾逊（Ian Robinson）

207 javascript jquery css

4

使用CSS插入文字

我对CSS相对较新，并且已使用它来更改文本的样式和格式。我现在想用它来插入文本，如下所示： <span class="OwnerJoe">reconcile all entries</span> 我希望我能表现为：乔的任务：协调所有条目也就是说，仅由于属于“所有者Joe”类，我希望Joe's Task:显示文本。我可以用下面的代码来做到这一点： <span class="OwnerJoe">Joe's Task:</span> reconcile all entries. 但这对于指定类和文本来说似乎是多余的。有可能做我想要的吗？编辑一个想法是尝试将其设置为ListItem <li>，其中“项目符号”是文本“ Joe's Task”。我看到了有关如何设置各种项目符号样式甚至项目符号图像的示例。列表项目符号可以使用一小段文字吗？

207 html css

9

CSS中心显示内联块？

我在这里有一个有效的代码：http : //jsfiddle.net/WVm5d/（您可能需要将结果窗口放大以查看居中对齐效果）题代码工作正常，但我不喜欢这样display: table;。这是使包装类对齐中心的唯一方法。我认为，如果有一种使用display: block;或的方式会更好display: inline-block;。是否可以用其他方法解决对齐中心？对我来说，在容器中添加一个固定的不是一个选择。如果将来JS Fiddle链接损坏，我还将在这里粘贴我的代码： body { background: #bbb; } .wrap { background: #aaa; margin: 0 auto; display: table; overflow: hidden; } .sidebar { width: 200px; float: left; background: #eee; } .container { margin: 0 auto; background: #ddd; display: block; float: left; padding: 5px; …

207 css

18

CSS省略号在第二行

text-overflow: ellipsis第二行的CSS ，这可能吗？我在网上找不到。例：我想要的是这样的： I hope someone could help me. I need an ellipsis on the second line of... 但这是怎么回事： I hope someone could help me. I ...

207 html css

17

使用JQuery播放/暂停HTML 5视频

我正在尝试使用JQuery控制HTML5视频。我在选项卡式界面中有两个剪辑，总共有六个选项卡，其他只是图像。我试图使视频剪辑在单击选项卡时播放，然后在单击其他任何一个时停止播放。这一定是一件简单的事情，但我似乎无法正常工作，我用来播放视频的代码是： $('#playMovie1').click(function(){ $('#movie1').play(); }); 我已经读到video元素需要在一个函数中公开才能控制它，但找不到示例。我可以使用JS使其工作： document.getElementById('movie1').play(); 任何建议都很好。谢谢

206 jquery css html html5-video

Questions tagged «css»