Questions tagged «css»

整个页面的父元素是居中div，最大宽度限制为960px。页面上的所有其他元素都是该父div的子元素。简化的结构如下： <div id="parent"> <div id="something"></div> <div id="wide-div"></div> <div id="something-else"></div> </div> 尽管父div的宽度不应超过960px，但我在此处称为“宽div”的div应该会填满屏幕的整个宽度。它包含一个比960px宽的图像，并且应该为整个屏幕宽度设置不同的背景色。 我不能轻易地将该div从父div中移出，它会弄乱我的布局的其他部分，并使整个事情变得很尴尬。 我找到了一些技巧来实现这一目标，但似乎没有一个能满足我的要求。我的设计具有响应能力，或者至少我正在尝试实现这一目标。我发现的技巧依赖于了解所涉及元素的大小，在我的情况下这不是固定的。 有没有办法在响应式布局中将内部div扩展到整个屏幕宽度？

72 css  responsive-design 

我见过一些网站，当用户向下滚动页面时，一个框会向右或向左弹出... 另外，请注意以下模板：http : //www.mvpthemes.com/maxmag/设计师做得很好，将导航栏固定在顶部。 现在，这些如何完成？我猜它使用jquery来获取页面的位置并显示框。 能否请您引导我到可以找到摘要的位置，以便我可以学习做类似的事情。

72 jquery  css 

我需要有关jQuery选择器的帮助。假设我有一个标记，如下所示： <form> <table> <tr> <td><input type="checkbox" id="select_all" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> <tr> <td><input type="checkbox" name="select[]" /></td> </tr> </table> </form> 运行代码段Hide results展开摘要 除了#select_all用户单击时，如何获取所有复选框？

72 javascript  jquery  css  checkbox  css-selectors 

<div style="display: inline-block; margin: 0 auto;"> <input id="abc" type="button" value="button" /> </div> 我尝试使用上面的代码设置宽度等于其内容的宽度，然后将其居中放置空白：0 auto; 但这不适用于任何浏览器。有什么建议吗？ 顺便说一句，当我设置width属性时，它可以正常工作。 <div style="width: 10em; margin: 0 auto;"> <input id="abc" type="button" value="button" /> </div>

72 html  css 

我在某些我必须执行的Web应用程序中使用了Twitter Bootstrap（我不是Web开发人员），我找不到禁用表行的方法。 从Bootstrap文档中可以看到，默认的表格样式包含行。 问候，

72 css  twitter-bootstrap 

如何显示带有自动换行符的长字符串，网站地址，单词或符号集，以保持div宽度？我猜是一个自动换行。通常添加空格是可行的，但是是否有CSS解决方案，例如自动换行？ 例如，它（非常讨厌）与div重叠，强制水平滚动等。wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww 我可以在上面的字符串中添加些什么以使其完全适合div中的几行或浏览器窗口？

72 css  string  long-integer  word-wrap 

我的#primaryNavdiv上有框阴影。不幸的是，阴影被以下#page元素的背景覆盖/隐藏。 我试图将z-index设置为100 #primaryNav，将z-index设置为-100设置为#page，但这不能解决我的问题。 有什么想法我做错了吗？

72 z-index  css 

直到现在，这还没有打到我（不仅在webkit浏览器中）。在所有类似p标记，h1标记等的文本中，文本上方和下方都有多余的空间。 在chrome中，我发现了这一点： 用户代理样式表 -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; 这使对齐在某些地方是错误的。是的，我正在使用重置样式表，并且未添加任何填充或边距。基本设置。为什么会这样，我该如何解决？

72 css  padding 

我在HTML中看到过这样的标签。这些属性是什么？ 这不是问题的重复data-*。 编辑： 我正在寻找这两个特定的属性，而不是data-*一般而言，也不是data-require d，正如Google所建议的那样。如果在网上搜索，您会发现这些属性在很多地方都被使用。我猜这有点像依赖管理软件吗？ <link data-require="bootstrap-css@*" data-semver="3.0.0" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> <script data-require="angular.js@1.1.x" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.js" data-semver="1.1.5"></script> <script data-require="ui-bootstrap@0.5.0" data-semver="0.5.0" src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>

72 javascript  html  css  plunker 

我们发现在iOS 7中的Safari上高度为100％的Web应用程序出现问题。看来window.innerHeight（672px）与window.outerHeight（692px）不匹配，但仅在横向模式下有效。最终发生的事情是，在高度为100％的应用程序中，您将获得20px的额外空间。这意味着，当用户在我们的应用程序上向上滑动时，导航元素将被拉到浏览器镶边之后。这也意味着，位于屏幕底部的所有绝对定位的元素最终都会偏离20px。 此问题也在此处概述： IOS 7-CSS-HTML高度-100％= 692px 可以在这个模糊的屏幕截图中看到： 我们正在尝试解决此问题，以便在Apple修复该错误之前，我们不必担心它。 一种方法是仅在iOS 7中绝对定位主体，但这几乎将多余的20px放置在页面顶部而不是底部： body { position: absolute; bottom: 0; height: 672px !important; } 我们将非常感谢您提供的有关强制externalHeight匹配innerHeight或对其进行破解以使我们的用户无法看到此问题的帮助。

72 css  ipad  safari  ios7 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 在玩完AMD / RequireJS之后，我想知道加载UI模块（包括模板和CSS）是否完全独立于网页是否是个好主意。 听起来不错，但我还没有看到在野外实现这一功能，因此可能存在一些陷阱。 考虑一些具有以下结构的UI模块： myWidget |--img |--main.js |--styles.css +--template.tpl 所有内容都放在一个文件夹中。看起来很好。 main.js中的模块如下所示： define(["TemplateEngine", "text!myWidget/template.tpl"], function(TemplateEngine, template) { // Load CSS (Pseudo Code) var cssUrl = "myWidget/styles.css"; appendToHead(cssUrl); return function() { return { render: function(data) { return TemplateEngine.toHtml(template, data); } } } }); 现在的问题是： 我想念什么吗？ 是否有任何插件/概念如何以“标准”方式实现这一目标？ RequireJS优化器是否能够在这里处理CSS部分，例如像在JS部分中一样处理样式/缩小样式表？ …

72 css  requirejs  javascript  js-amd 

我正在使用twitter-bootstrap，发现居中div具有类.btn-group（link）的位置相当困难。通常，我用 margin: 0 auto; 要么 text-align: center; 可以使div中的内容居中，但是当内部元素具有float: left在这种情况下用于视觉效果的属性时，它将不起作用。 http://jsfiddle.net/EVmwe/1

72 html  css  twitter-bootstrap 

在以alinear-gradient为背景的元素上应用透明边框时，我得到了怪异的效果。 请注意，元素的左侧和右侧没有适当的颜色（它们以某种方式切换）并且怪异地平坦。 的HTML <div class="colors"> </div> 的CSS .colors { width: 100px; border: 10px solid rgba(0,0,0,0.2); height: 50px; background: linear-gradient(to right, #78C5D6, #459BA8, #79C267, #C5D647, #F5D63D, #F08B33, #E868A2, #BE61A5); } 为什么是这样显示的元素的左侧和右侧的一个奇怪的效果，有什么我可以做些什么？ 这是小提琴：http : //jsfiddle.net/fzndodgx/3/

72 html  css  linear-gradients 

我正在尝试用Coldfusion开发的网站上设置无限滚动，我是javascript和jquery的新手，所以我在解决所有这些问题时遇到了一些问题。为了使用无限滚动插件，我是否需要在网站上进行分页，或者有没有办法做到这一点？

72 javascript  jquery  css  infinite-scroll  jquery-infinite-scroll 

我需要在列中显示许多数值。这些值必须易于编辑，因此我不能只在表中显示它们。我正在使用文本框显示它们。我有什么办法可以使文本框中显示的文本右对齐？如果用户正在输入数据以开始显示他们从右侧输入的内容，那也很好。

72 html  css