程序设计 css

10

我一直在试图找出如何仅使用CSS在div内居中放置超大图像的方法。我们使用的是流畅的布局，因此图像容器的宽度会随着页面宽度的变化而变化（div的高度是固定的）。该图像位于一个div中，并带有一个插入框阴影，以使您看起来就像在浏览页面时一样。图像本身的大小已设置为以其最大可能值填充周围的div（设计具有max-width值）。如果图像小于周围的div，则很容易做到： margin-left: auto; margin-right: auto; display: block; 但是，当图像大于div时，它仅从左边缘开始，并偏离右中心（我们正在使用overflow: hidden）。我们可以指定一个width=100%，但是浏览器无法很好地调整图像的大小，而Web设计围绕高质量的图像进行。关于将图像居中以overflow:hidden均匀切掉两个边缘的任何想法吗？

175 css

6

如何将全局字体应用于整个HTML文档

我有一个HTML页面，其中包含一些文本和格式。我想使它具有相同的字体系列和相同的文本大小，而忽略文本的所有内部格式。我想为HTML页面设置全局字体格式。我该如何实现？

175 html css font-family

6

CSS上一个子选择器：选择特定类的最后一个元素，而不是父内部的最后一个子元素？

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> 我要选择#com19？ .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } 只要我div.something在commentList中有另一个作为实际的最后一个孩子，那就行不通。在这种情况下是否可以使用last-child选择器来选择的最后出现article.comment？ jsFiddle

174 html css css-selectors

1

如何在bootstrap 3中使用bootstrap-theme.css？

从http://getbootstrap.com下载完整的bootstrap 3包后，我注意到有一个单独的主题CSS文件。如何利用它？请解释？我已包含bootstrap-theme.css在现有的引导程序项目中，但是输出没有差异。

174 html css twitter-bootstrap-3

1

使用CSS使用自定义字体？

我看到一些新网站在其网站上使用自定义字体（常规Arial，Tahoma等除外）。并且它们支持大量的浏览器。如何做到这一点？同时，如果可能的话，还会阻止人们自由下载字体。

174 css font-face

14

CSS：在保持宽高比的同时，宽度或高度为100％？

目前，通过STYLE，我可以使用width: 100%和auto在高度上，反之亦然，但是我仍然不能将图像分别限制在一个特定的位置，无论是太宽还是太高。有任何想法吗？

174 css image height width

21

地址栏隐藏iOS / Android / Chrome浏览器时背景图片会跳转

我目前正在使用Twitter Bootstrap开发一个响应式网站。该网站在移动设备/平板电脑/桌面上具有全屏背景图片。这些图像使用两个div旋转并逐渐淡入。除了一个问题，它几乎是完美的。使用iOS Safari，Android浏览器或Android上的Chrome，当用户向下滚动页面并导致地址栏隐藏时，背景会略微跳动。该站点位于：http : //lt2.daveclarke.me/ 在移动设备上访问它并向下滚动，您应该会看到图像调整大小/移动。我用于后台DIV的代码如下： #bg1 { background-color: #3d3d3f; background-repeat:no-repeat; background-attachment:fixed; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:-1; display:none; } 欢迎所有建议-这已经让我有一段时间了！

174 android html ios css twitter-bootstrap-3

8

绝对定位，忽略父填充

您如何使绝对定位元素遵守其父元素的填充？我想要一个内部div延伸其父对象的宽度，并定位在该父对象的底部，基本上是一个页脚。但是孩子必须尊重父母的内向，而这并不是在做。将孩子直接压在父母的边缘上。所以我想要这个：但我得到这个： <html> <body> <div style="background-color: blue; padding: 10px; position: relative; height: 100px;"> <div style="background-color: gray; position: absolute; left: 0px; right: 0px; bottom: 0px;">css sux</div> </div> </body> </html> 我可以在内部div周围留一个边距来实现它，但我不想不必添加它。

173 css padding css-position

8

使用jQuery确定元素是否具有CSS类

我正在使用jQuery，以查看是否有一种简单的方法来确定该元素是否具有与之关联的特定CSS类。我有该元素的ID，以及我要寻找的CSS类。我只需要能够在if语句中根据元素上该类的存在进行比较。

173 javascript jquery css

19

CSS：<div>元素内的中心元素

要居中HTML元素，我可以使用CSS left: 50%;。但是，这使元素相对于整个窗口居中。我有一个元素，它是元素的子<div>元素，并且我想相对于此父元素而<div>不是整个窗口居中显示该子元素。我不想容器<div>有所有的内容为中心，只是一个特定的孩子。

173 css

5

将Fieldset Legend与Bootstrap一起使用

我正在为我使用Bootstrap JSP页面。我想使用<fieldset>和<legend>填写表格。这是我的代码。 <fieldset class="scheduler-border"> <legend class="scheduler-border">Start Time</legend> <div class="control-group"> <label class="control-label input-label" for="startTime">Start :</label> <div class="controls bootstrap-timepicker"> <input type="text" class="datetime" id="startTime" name="startTime" placeholder="Start Time" /> <i class="icon-time"></i> </div> </div> </fieldset> CSS是 fieldset.scheduler-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 …

173 html css forms twitter-bootstrap

4

为什么要指定@charset“ UTF-8”；在您的CSS文件中？

我一直将这条指令视为移交给我的众多CSS文件的第一行： @charset "UTF-8"; 它是做什么的，这是必要的规则吗？另外，如果我在“ head”元素中包含此meta标签，是否就不需要在CSS文件中也包含它了？ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

173 css character-encoding

2

是否有用于文本节点的CSS选择器？

我想做的事情（显然不在IE中）是： p:not(.list):last-child + :text { margin-bottom: 10px; } 这将使文本节点具有页边空白。（甚至有可能吗？）如何使用CSS获得文本节点？

173 css css-selectors

9

Google Maps缩放控件搞砸了

我使用Google Maps API（v.3）来显示带有几个标记的地图。最近，我注意到用于缩放地图的控件被弄乱了（并非总是这样）。我不知道是什么原因。更新资料该帖子最初具有指向您可以查看问题的页面的链接，但是该链接现在已断开，因此我已将其删除。

172 javascript css google-maps

14

Bootstrap引发未捕获的错误：Bootstrap的JavaScript需要jQuery

关闭。这个问题需要调试细节。它当前不接受答案。想改善这个问题吗？更新问题，使它成为Stack Overflow 的主题。 2年前关闭。改善这个问题我正在尝试使用Bootstrap为程序创建接口。我在<head>标签中添加了jQuery 1.11.0，并认为是这样，但是当我在浏览器中启动网页时，jQuery报告一个错误： Uncaught Error: Bootstrap's JavaScript requires jQuery 我尝试使用jQuery 1.9.0，尝试使用多个CDN上托管的副本，但是无法正常工作。有人可以指出我做错了吗？

172 jquery html css twitter-bootstrap twitter-bootstrap-3

Questions tagged «css»