草庐IT

boxes_items

全部标签

html - Bootstrap Multiple Items Carousel(一次显示多个轮播元素)

这个问题在这里已经有了答案:Bootstrapcarouselmultipleframesatonce(16个答案)关闭去年。如何在Bootstrap4中实现多元素轮播?文档提到了多个轮播,但没有提到包含多个元素的轮播。

html - Bootstrap : CSS - height of list-group-item

请考虑遵循JSFiddle:http://jsfiddle.net/7W2r4/12/您可能会注意到:list-group-item已完全折叠。而且我似乎无法使其自动调整。(例如height:auto;)然而,当我提供css规则时:height:20px;,然后调整行大小。如何使列表组元素的高度适应内容的大小?感谢您的宝贵时间。 最佳答案 如果您需要在元素中保留float,您可以将overflow:hidden或其他“明确修复”代码添加到列表组元素。float总是会导致float元素的高度出现问题。清除它们或设置溢出将强制正确计算高

html - 如何使用 flex box 将元素堆叠在一起?

所以我在谷歌上搜索了很多,但没能找到解决方案。我想要2个元素水平和垂直居中。这里的技巧是我想将它们堆叠在一起,position:absolute没有问题,但我不能将元素以绝对位置居中。我认为无论如何这应该适用于flexbox。对于堆叠,我的意思是让一个元素部分隐藏另一个元素。 最佳答案 容器可以设置align-items:center和justify-content:center水平和垂直居中。.outer{align-items:center;background:#800000nonerepeatscroll00;border:

html - 如何仅覆盖页面上一个区域的 CSS Box Sizing?

我的TwitterBootstrap文件中有以下CSS:*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}这导致我的TinyMCE编辑器出现问题,主要是调整文本区域的大小。无论如何,如果我删除上面的代码,一切都很好,但显然我需要它,否则Bootstrap的其余部分就会中断。那么我该如何为TinyMCE覆盖上面的内容呢?我试过这个:.tinymce-editor,.tinymce-editor:before,.tinymce-editor:a

html - 使用 "0 items"标签的 "multiple"属性时,如何更改移动版 safari 的默认文本 "select"?

我在html标签“select”中使用了“multiple”属性。1234在移动版Safari中,默认情况下它会在框中显示“0项”。当我选择超过1项时,说3然后它会在框中显示“3项”。是否可以将默认文本从“0项”更改为“选择选项”等其他内容? 最佳答案 是的。这是您需要的:对于您的第一个选项,只需添加Selectoption(s)隐藏的类很简单:.hidden{display:none;}然后在焦点上,使用jquery删除第一个选项的“selected”属性/属性:$('select').on('focus',function(){

html - 是否有适用于 Google Answer Boxes 的 API?

Google答案框(有时称为精选片段、知识卡或实时结果)非常有用。我想提取信息并在我自己的程序中使用它。查看HTML代码,它并不像从那里提取代码那么直接。我做了很多研究,但似乎找不到对他们的任何支持。有谁知道是否有一个API(或Web搜索API的一部分),您可以在其中检索从答案框返回的信息?我在这里看到了答案:googleapiforgloriousinfobox?,但所提供的解决方案已于上个月弃用。举个例子,这是“日本现在几点”的HTML代码:6:37AMTuesday,August4,2015(GMT+9)TimeinJapan这与“东京位于何处”非常不同:JapanTokyoco

html - 文本对齐 : center and align-items: center not working horizontally

我以前从未遇到过这种情况。我在各种地方尝试了text-align:center但它们都不起作用。它们垂直工作,但不水平工作。我试图让它在每个盒子的水平和垂直方向上工作。这是我的代码:.boxes{height:100%;}.box{width:33%;height:20%;display:-webkit-flex;}.boxp{display:flex;align-items:center;}.box1{background:magenta;}.box2{background:cyan;}.box3{background:yellow;}.box4{background:orange;

javascript - 使用负边距来控制 flex-box 中的空间

为了解决我一直遇到的问题,我一直在阅读关于flex-boxes的资料。我阅读/用作问题研究的主要文章是this.我最近在this中提出了这个话题和this问题并感谢@Michael_B的帮助,已经制定了如何将一个元素(在本例中为)置于flex盒子的中心,只要flex盒子中始终只有三个flex元素(在这种布局中:).我想扩展这些要点,因为我意识到可能有一个解决方案可以解决总flex元素多于或(更现实地)少于3个的情况。它涉及使用边距。如果你使用margin:auto;在flex元素上,它使元素在主轴上居中(有关flex盒的工作原理,请参见下图)。img{width:100%;height

html - “隐藏”属性不适用于 flex-box

我有以下使用flex-box的代码.lab-flex-col-container{display:flex;flex-flow:column;align-content:center;background-color:gold;border-radius:5px;margin:5px;}.lab-flex-col{display:flex;flex-flow:column;align-self:center;margin:5px;}.margin2{margin:2px;}Saveimport'package:polymer/polymer.dart';import'dart:html

html - 横向菜单 : how to float right but keep the menu items in the correct order?

我对水平菜单(.drop_menuli)使用float:right,因为我希望菜单与屏幕右侧对齐(Logo与左侧对齐)。它工作正常,唯一的问题是我的菜单项现在的顺序错误(链接3然后链接3然后链接1而不是相反)。有没有办法解决这个问题?非常感谢http://jsfiddle.net/eLSbq/LogoLink1SubLink1SubLink2Link2SubLink1SubLink2SubLink3SubLink4Link3SubLink1SubLink2SubLink3SubLink4.header{width:100%;background:#fff;color:#124191;f