Questions tagged «css»

是否可以在所有浏览器中使用CSS或HTML设置复选框的大小？ width并size可以在IE6 +中使用，但不适用于Firefox，即使我设置了较小的尺寸，该复选框也保持16x16的比例。

457 html  css 

我在另一个div内有两个div，我想使用css将一个子div放在父div的右上角，另一个子div放在父div的底下。即，我想对两个子div使用绝对定位，但是相对于父div而不是页面定位它们。我怎样才能做到这一点？ 范例html： <div id="father"> <div id="son1"></div> <div id="son2"></div> </div>

457 html  css 

我正在寻找@ font-face CSS规则的MDC页面，但我一无所获。我分别使用粗体，斜体和粗体+斜体文件。如何将所有三个文件嵌入一条@font-face规则？例如，如果我有： @font-face { font-family: "DejaVu Sans"; src: url("./fonts/DejaVuSans.ttf") format("ttf"); } strong { font-family: "DejaVu Sans"; font-weight: bold; } 浏览器将不知道用于粗体显示的字体（因为该文件是DejaVuSansBold.ttf），因此它将默认为我可能不需要的字体。我如何才能告诉浏览器某种字体的所有不同变体？

454 fonts  css  font-face 

假设您有一些样式和标记： ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> …

454 html  css  overflow 

我打算使用Google下载UI和Core的jQuery库。我的问题是，他们允许我为此下载CSS还是应该自己托管它？ 另外，如果我使用Google加载，应该如何加载其他插件？我可以将所有插件压缩在一起吗，还是应该将其单独压缩？

452 jquery  css  jquery-ui  cdn  google-ajax-libraries 

我的页面结构为： <div class="parent"> <div class="child-left floatLeft"> </div> <div class="child-right floatLeft"> </div> </div> 现在，child-leftDIV将具有更多内容，因此parentDIV的高度将随子DIV而增加。 但是问题是child-right身高没有增加。如何使它的高度等于父代的高度？

449 html  css  layout 

如何打印指示的div（无需手动禁用页面上的所有其他内容）？ 我想避免使用新的预览对话框，因此使用此内容创建新窗口没有用。 该页面包含几个表，其中一个表包含我要打印的div-该表已为网络设置了视觉样式，不应以打印形式显示。

444 javascript  css  printing  dhtml 

有没有一种方法可以将背景图像从其元素的右侧定位一定数量的像素？ 例如，要从左侧定位一定数量的像素（例如10个），这就是我的方法： #myElement { background-position: 10px 0; }

443 css 

我需要在某些block元素上创建一个盒形阴影，但仅在其右侧上创建（例如）。我做的方式是包装内部元件box-shadow到外层一个padding-right和overflow:hidden;这样的阴影其他三面是不可见的。 有没有更好的方法来实现这一目标？喜欢box-shadow-right吗？ 编辑：我的意图是仅创建阴影的垂直部分。repeat-y与规则的作用完全相同background:url(shadow.png) 100% 0% repeat-y。

443 css  shadow  box-shadow 

我一直在寻找一种“灯箱”类型的解决方案，它允许这样做，但还没有找到（请提出建议，如果您知道的话）。 我尝试重新创建的行为就像您在单击图片时在Pinterest上看到的一样。叠加层是可滚动的（因为整个叠加层像页面顶部的页面一样向上移动），但是叠加层后面的主体是固定的。 我试图仅使用CSS（即div在整个页面和主体上使用的覆盖层）overflow: hidden创建此标签，但它并不能阻止div其滚动。 如何防止正文/页面滚动但在全屏容器中继续滚动？

443 css  overlay  lightbox 

CSS过渡可以用于允许文本段落在页面加载时淡入吗？ 我真的很喜欢它在http://dotmailapp.com/上的外观，并希望通过CSS使用类似的效果。此域已购买，不再具有上述作用。可以在Wayback Machine上查看已归档的副本。 插图 具有此标记： <div id="test"> <p>​This is a test</p> </div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 使用以下CSS规则： #test p { opacity: 0; margin-top: 25px; font-size: 21px; text-align: center; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; }​ 如何在负载上触发转换？

442 css  css-transitions  opacity 

我有两个div并排。我希望它们的高度相同，如果其中之一调整大小，则保持不变。我无法弄清楚这一点。有想法吗？ 为了澄清我一个令人困惑的问题，我希望两个框的尺寸始终相同，因此如果一个框由于文本放置而增大，则另一个框应与高度匹配。 <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> Some content!<br/> </div> <div style="border:1px solid #cccccc; float:left; padding-bottom:1000px; margin-bottom:-1000px"> Some content! </div> </div> 运行代码段隐藏结果展开摘要

440 html  css  html-table  flexbox 

我正在一个需要在线进行字体测试的网站上，我拥有的字体都是.otf 有没有一种方法可以嵌入字体并使它们在所有浏览器上都能正常工作？ 如果没有，我还有什么其他选择？

440 html  css  fonts  font-face 

我的网页上有一个链接可以打印该网页。但是，该链接在打印输出本身中也是可见的。 单击打印链接时，是否存在会隐藏链接按钮的JavaScript或HTML代码？ 例： "Good Evening" Print (click Here To Print) 我要在打印文本“ Good Evening”时隐藏该“打印”标签。“打印”标签不应显示在打印输出本身上。

440 css  printing 

我对新的Bootstrap中的网格系统感到困惑，尤其是这些类： col-lg-* col-md-* col-xs-* （其中*代表一些数字）。 任何人都可以解释以下内容： 这个数字如何对齐网格？ 如何使用这些数字？ 什么他们实际上代表什么呢？

439 css  twitter-bootstrap  twitter-bootstrap-3  grid