Questions tagged «css»

我想在容器div中对齐3个div，如下所示： [[LEFT] [CENTER] [RIGHT]] 容器div的宽度为100％（未设置宽度），调整容器大小后，居中div应该保持居中。 所以我设置： #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} 但它变成： [[LEFT] [CENTER] ] [RIGHT] 有小费吗？

392 html  css  flexbox  alignment  css-float 

我怎样才能使div从折叠状态变为展开状态（反之亦然），而又从右向左移动呢？ 我在那里看到的大多数东西总是从左到右。

390 jquery  html  css  jquery-ui  position 

是否可以使HTML页面的行为类似于MS Word中的A4大小的页面？ 本质上，我希望能够在浏览器中显示HTML页面，并在A4尺寸页面的尺寸中概述内容。 为了简单起见，我假设HTML页面仅包含文本（没有图像等），并且没有<br>标签。 同样，当打印HTML页面时，它将以A4尺寸的纸页形式出现。

388 html  css  printing 

这可能是一个愚蠢的问题，但是由于居中对齐图像的常规方法不起作用，所以我想问一下。如何在容器div内居中对齐（水平）图像？ 这是HTML和CSS。我还包括了缩略图其他元素的CSS。它以降序运行，因此最高的元素是所有内容的容器，最低的元素是所有内容的容器。 #thumbnailwrapper { color: #2A2A2A; margin-right: 5px; border-radius: 0.2em; margin-bottom: 5px; background-color: #E9F7FE; padding: 5px; border: thin solid #DADADA; font-size: 15px } #artiststhumbnail { width: 120px; height: 108px; overflow: hidden; border: thin solid #DADADA; background-color: white; } #artiststhumbnail:hover { left: 50px } <!--link here--> <a href="NotByDesign"> <div id="thumbnailwrapper"> <a …

387 html  css 

是否可以使用CSS设置背景图片的大小？ 我想做类似的事情： background: url('bg.gif') top repeat-y; background-size: 490px; 但是这样做似乎是完全错误的...

386 css 

我有一个3 x 3的表格。我需要一种为每行底部添加边框tr并为其指定特定颜色的方法。 首先，我尝试了直接方式，即： <tr style="border-bottom:1pt solid black;"> 但这没有用。所以我像这样添加了CSS： tr { border-bottom: 1pt solid black; } 那仍然没有用。 我更喜欢使用CSS，因为这样我就不必style在每一行中添加一个属性。我尚未向中添加border属性<table>。我希望那不会影响我的CSS。

385 html  css  html-table 

在StackOverflow上有几个关于offsetWidth / clientWidth / scrollWidth（和-Height分别）的问题，但是没有一个问题可以全面解释这些值是什么。 另外，网络上有多个来源提供令人困惑或不正确的信息。 您能否给出完整的解释，包括一些视觉提示？另外，这些值如何用于计算滚动条宽度？

385 html  css  dom 

在无序列表中： <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> 允许添加class或style属性，但不允许填充文本以及添加或更改标签。 该页面正在使用Courier New呈现。 目标是在跨度后排列文本。 The lazy dog. AND The lazy cat. OR The active goldfish. “ OR”的理由并不重要。 懒惰的动物文字可能包含在其他元素中，但我必须仔细检查。

381 html  css 

我正在使用一个网站gulp进行编译和浏览器同步，以使浏览器与我的更改保持同步。 gulp任务可以正确编译所有内容，但是在网站上，我看不到任何样式，并且控制台显示以下错误消息： 拒绝从' http：// localhost：3000 / assets / styles / custom-style.css ' 应用样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。 现在，我真的不明白为什么会这样。 HTML包含这样的文件（我很确定是正确的）： <link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/> 样式表目前是Bootstrap和超赞字体之间的合并（尚无自定义）。 路径也是正确的，因为这是文件夹结构： index.html assets |-styles |-custom-style.css 但是我一直在得到错误。 会是什么呢？这是gulp / browsersync的东西（也许是设置吗？）？

381 html  css  gulp  mime-types  browser-sync 

是否可以使用css3为svg元素设置阴影，类似 box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 我看到了有关使用滤镜效果创建阴影的一些评论。有没有单独使用css的示例。下面是正确使用cusor样式但没有阴影效果的工作代码。请帮助我以最少的代码获得阴影效果。 svg .shadow { cursor:crosshair; -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; } <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full" viewBox="0 0 120 70"> <rect class="shadow" x="10" y="10" width="100" height="50" fill="#c66" /> </svg> …

378 html  css  svg  svg-filters 

我有以下页面（deadlink：）http://www.workingstorage.com/Sample.htm，它的页脚位于页面底部，我无法定位。 我想要页脚 当页面短且屏幕未填满时，请粘在窗口底部，并且 当内容多于内容（而不是内容重叠）时，请停留在文档末尾并照常向下移动。 CSS被继承并迷惑了我。我似乎无法正确更改它以在内容上放置最小高度或使页脚移至底部。

378 css  footer 

我有一个简单的flex-box布局，其中包含一个容器： .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } 现在，我希望最后一行中的项目与另一行对齐。justify-content: space-between;应该使用网格，因为可以调整网格的宽度和高度。 目前看起来像 在这里，我希望右下角的项目在“中间列”中。最简单的方法是什么？这是一个显示此行为的小jsfiddle。 .exposegrid { display: flex; flex-flow: row wrap; justify-content: space-between; } .exposetab { width: 100px; height: 66px; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, …

378 css  flexbox  grid-layout 

我在一个imageUrl变量中有一个图像URL，我正在尝试使用jQuery将其设置为CSS样式： $('myObject').css('background-image', imageUrl); 这似乎不起作用，因为： console.log($('myObject').css('background-image')); 返回none。 任何想法，我在做什么错？

377 javascript  jquery  css 

我有这些嵌套的div，我需要主容器扩展（高度）以容纳内部的DIV <!-- head --> ... <!-- /head --> <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner etc. --> </div> <div id="main_content"> <!-- this DIV _should_ stretch to accommodate inner divs --> <div id="items_list" class="items_list ui-sortable"> <div id="item_35" class="item_details"> </div> <div id="item_36" class="item_details"> </div> <div id="item_37" …

376 css  height 

我想将Bootstrap 3默认导航栏与图像徽标一起使用，而不要使用文字商标。在不引起不同屏幕尺寸问题的情况下，这样做的正确方法是什么？我认为这是一个普遍的要求，但是我还没有看到好的代码示例。除了在所有屏幕尺寸上都可以接受的显示外，关键要求是在较小屏幕上的菜单可折叠性。 我尝试仅将IMG标签放在具有navbar-brand类的A标签内，但这导致菜单在我的android手机上无法正常运行。我还尝试增加导航栏类的高度，但这使事情变得更糟。 顺便说一句，我的徽标图像大于导航栏的高度。

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar