-
202 votesanswersviews
只投影底部css3
有没有办法只在底部放下阴影？我有一个菜单，旁边有两张图片 . 我不想要一个正确的阴影，因为它与正确的图像重叠 . 我不喜欢使用图像，所以有没有办法将它放在底部，如： box-shadow-bottom: 10px #FFF; 或类似？ -moz-box-shadow: 0px 3px 3px #000; -webkit-box-shadow: 0px 3px 3px #000; box-shado... -
0 votesanswersviews
自动添加换行符以使senentence的线宽相似
我想要我的博客帖子的 Headers 自动在宽度上“均衡” . 此外，顶行应始终长于底线，但它们的宽度应始终相似 . 请注意，我正在寻找一个 CSS only 解决方案 . 我知道我可以使用JavaScript或PHP轻松完成这项工作，但我更容易做出响应式解决方案 . 以下示例： Default behavior: Lorem ipsum dolor sit amet，consectetur a... -
191 votesanswersviews
如何使用大字体 - 真棒图标垂直居中文字？
可以说我有一个带有字体真棒图标和一些文字的引导按钮： <div> <i class='icon icon-2x icon-camera'></i> hello world </div> 如何使文本垂直居中显示？文本现在与图标的下边缘对齐：http://jsfiddle.net/V7DLm/1/ EDIT: 我有一个可能 soluti... -
46 votesanswersviews
在元素的居中网格中左对齐的最后一行
我有一堆相同大小的块设置为 display:inline-block 在一个div中，其中 text-align:center 设置为对齐块 . | _____ _____ _____ _____ | | | | | | | | | | | | | 1 | | 2 | | 3 | |... -
32 votesanswersviews
居中对齐容器并左对齐子元素
我有X个图像（所有相同的高度和宽度），我想在网页上显示它们 . 但我想让页面在调整浏览器大小时自动显示一行中的最大图像数量（不调整图像大小），并将图像显示为固定距离 . 此外，图像应在页面中央组合在一起，并一个接一个地显示 . 例如当浏览器窗口仅足够宽以在一行上显示3个图像时，它们应显示如下 . 每行3个图像以固定的距离分组在一起，在页面的中心，一个接一个 . 如果浏览器变得更宽，那么可以在一行... -
0 votesanswersviews
设置margin：inline-flex容器上的auto不能按预期工作
我想在父div中居中一个inline-flex容器，但设置margin：auto不会做任何事情，即使父div比flex容器宽 . （从结果中可以看出） 将justify-content设置为center不会给出想要的结果 . 我试着在css中设置display：inline-flex，看它是不是Bootstrap问题，但是没有去 . 我已经设置了背景颜色来可视化对象 . Html ： <d... -
0 votesanswersviews
在父div中垂直和水平居中两个项目，该div是flex-row的一部分
使用Bootstrap 4 ... 假设我在div中有以下flex-row，每个 port-item 中都有一个字体很棒的图标，每个图标下面都有一个小文本实例 . 我想在它们的父级 port-item div中垂直和水平地居中显示字体 - 真棒图标和文本，我花了2个小时的努力和搜索都是徒劳的 . 我想我已经在这个网站上搜索了大约15个主题并且一无所获 . 我认为由于flex-row，我的设置是独... -
1 votesanswersviews
Flexbox父对齐项覆盖子对齐内容
在下面的代码中，如果我在flex-column中注释掉 align-items 行，则背景为灰色，图标之间存在空格 . 如果我取消注释 align-items ，背景为蓝色，图标居中 . 我认为 align-items 和 justify-content 彼此正交 - 为什么 align-items 会影响子弹性箱容器中的弹性箱间距问题？宽度是否从100％开始？ 我认为它只会管理它的直接孩子 . ... -
0 votesanswersviews
Robot Framework HTML5 - Webdriver支持 - 浏览器的Webdriver实例无法登录但手动打开浏览器即可
机器人框架版本2.8.3 Selenium2Library版本1.4 我面临的问题是关于被测应用程序中使用的控件 . 与使用带有id的控件的传统编码技术不同，我的应用程序是使用'CSS - Class'开发的 . 例如，按钮编码为： 其中“btn-do-login”在CSS文件中定义 . 这里当我在用户名和密码字段中输入ids时，我写了Click元素btn-do-login关键字点击了该元素，... -
29 votesanswersviews
CSS在两个元素之间创建弯角？
我的用户界面左侧有一个无序列表 . 选择列表项后，右侧会出现 div . 我想要一个弯曲的 outer corner _11506741_和 <div> 相遇 . 有些人称之为 negative border radius 或 inverted corner . 请参见下图中的白色箭头 . 要将蓝色 <li> 扩展到 <ul> 的边缘，我打算做这样的事情... -
2 votesanswersviews
css3圆形边界奇怪
Here是i 'm working on. In Chrome, FF4 and webkit nightly the ellipsis in the bottom left look good, in FF3 they look rounded top and bottom, straight sides and safari 5 they are rectangular. (I haven' ... -
11 votesanswersviews
CSS3信封形状
您可能已经猜到这个图像是邮件信封形状的一部分，如果可能的话我想用CSS3创建 . 我've made the other parts but this one'很棘手 . 形状需要两侧的三角形切口和圆角（可能是边界半径 - 左下角/边缘半径 - 右下角） . 它 also 必须具有施放小阴影的能力 . 这就是我到目前为止所做的 - #envelope { background: #fff; } ... -
0 votesanswersviews
CSS边界角向后倒圆[重复]
可能重复：CSS3倒圆角 有没有办法让CSS边界角在相反方向？我不是在谈论倒立 . 假设您有两个垂直堆叠的div，关于两个相遇的顶部div的底部边框，我希望角落在底部div的方向上弯曲，但是是顶部div . 编辑：基本上，看起来像这样： Pumbaa80是对的，它是CSS3 Inverted Rounded Corner的副本 . 我只是调整它的位置而不是't exactly understa... -
4 votesanswersviews
使用css锐利边缘到圆形边框？
我正在尝试创建一个带圆角边框的div元素 . 我知道 border-radius 的使用，但是我注意到使用这个属性只会弯曲角落，比如右上角，左上角等等所以我想知道是否有一些属性可以弯曲div的一侧顶部，底部，左侧和右侧的元素，如 border-radius . 例如，div具有直的顶部，底部和左侧但是圆形的右侧 . 我想创建右侧，使其在顶部比底部更圆 . 我的目标是创建一个右侧为圆形的div元素... -
0 votesanswersviews
CSS嵌入带有实线边框的边框半径
我知道我可以使用径向渐变创建插入/倒置边框，如下所示：Inset border-radius with CSS3，但我想知道的是，如果我可以在生成的形状周围绘制1px的实线边框，如下图所示： 我不仅希望左下半径也被边框反转，并且剩余空间内的背景颜色必须是透明的 . 是否可以使用CSS3和HTML（我现在对canvas或SVG不感兴趣）？ -
0 votesanswersviews
讲话泡泡与背景图像，但这里是带圆角的踢球者
我正在创建一个在小三角形中具有背景的语音泡泡，但唯一的问题是它还需要圆角 . 我不完全确定如何做到这一点，但任何黑客或任何事情都会受到赞赏 . 这就是我所拥有的 HTML <div class="image"> <img class="test" src="http://fc00.deviantart.net/fs71/f... -
0 votesanswersviews
IE11中的CSS圆角元素失败
我基本上试图做一个“CSS三角形”（你知道，这是一个使用边框生成整个形状的元素）但是我想要一个左边有圆角的正方形和直角的正方形 . 右边 . 这在Chrome中运行良好，但IE11在左上角创建了一个奇怪的人工制品 . （圆角应该是一个背景色的椭圆形 . 非常奇怪！） 有没有办法为IE11创建一个解决方法？ .RoundedElement { width: 0; height: 0; ... -
4 votesanswersviews
CSS3背景渐变无法验证，有人可以告诉我为什么？内部代码示例
有人能告诉我为什么以下的CSS没有验证？我一直在努力研究这个，没有运气 . 我读过的所有文档都说这是为什么在css3中做渐变的正确方法 . #header { color: white; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; background: black; backgrou... -
0 votesanswersviews
底部复制框阴影
我有问题让CSS3 box-shadow看起来正确 . 我目前在我的内容包装器上有一个box-shadow，如下所示： 边框：1px solid＃D5D5D5;border-radius：3px 3px 3px 3px;box-shadow：0 0 2px #DADADA，0 -3px 0＃E6E6E6 inset; 我希望盒子阴影出现在内容框的顶部，确切地说它出现在盒子的底部 . 我似乎无法做对... -
0 votesanswersviews
如何制作具有border-radius的平滑线性渐变条纹
我正在尝试使用线性渐变创建条纹，但无法获得角度组合以产生没有斑点的平滑效果 . 目前的代码是 .circle { background: linear-gradient(-45deg, rgba(255,255,255, 1) 25%, transparent 25%, transparent 50%, rgba(255,255,255, 1) 50%, rgba(255,255,255, 1... -
1 votesanswersviews
如何为chrome中的选择控件选项应用css样式
我有一个带有一些选项的选择框，我需要应用特定于选择控制选项的样式 . 我想要的样式是： color: #333333; font-size: 14px; min-height: 2em; padding: 0px 16px 0px 16px; margin-top: 0.125em; cursor: pointer; 我给了我的选择控件类 .taskpanel-select-control ，并... -
0 votesanswersviews
使用border-radius的不同半径的CSS3PIE元素角？
我有一个元素，其中左上角和右下角的边界半径为5，我试图使其与CSS3PIE兼容 . 文件说明了这一点 仅支持速记版本; longhand border-top-left-radius等属性不是 . 但是，简写语法确实支持每个角的不同半径 . link 但在这个例子中，他们显示的确是...... border-radius：5px 10px 15px 20px; 如何在IE8中显示具有不同半径角的... -
1 votesanswersviews
Javascript / jQuery正则表达式为“border-radius”值
我正在使用jQuery角落插件来支持 border-radius 跨浏览器 . 这是我的功能： if(!Modernizr.borderradius){ var s = document.styleSheets; for(var i = 0; i<s.length;i++){ var r = s[i].rules || s[i].cssRules; ... -
0 votesanswersviews
右上角和左下角的边 - 半径缺陷
我在我的 Headers 周围创建了一个边框，这是一个简单的开始我正在制作一个页面 . 我使用的数字似乎并不重要，我在右上角有一个小的白色三角形，左下角有一个很难描述的缺陷 . 有时它也会变成一个三角形，具体取决于border-radius和border中使用的数字 . 其他人在这些角落都有缺陷吗？ 这在IE中使用-webkit-修复，但如果我使用-moz-在FF中更糟糕 .banner { ... -
145 votesanswersviews
无法滚动到溢出容器的弹性项目的顶部
因此，在尝试使用flexbox创建一个有用的模式时，我发现了什么似乎是一个浏览器问题，我想知道是否有一个已知的修复或解决方法 - 或者如何解决它的想法 . 我想解决的问题有两个方面 . 首先，使模态窗口垂直居中，这可以按预期工作 . 第二个是让模态窗口滚动 - 外部，所以整个模态窗口滚动，而不是其中的内容（这样你就可以有下拉列表和其他可以扩展到模态边界之外的UI元素 - 像自定义日期选择器等） 但... -
8 votesanswersviews
如何使用媒体查询定位平板电脑而不是IE9
我发现IE9正在为我的网站采用平板电脑样式 . @media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), (min-device-width : 768px) and (max-device-width : 1024px) and (orientati... -
197 votesanswersviews
为什么IE9会在我的网站上切换到兼容模式？
我刚刚安装了IE9测试版并且在我创建的特定网站上（HTML5）IE9跳转到兼容模式，除非我手动告诉它不要 . 我试过删除网站的几个部分，但没有变化 . 包括删除所有CSS包括 . 在我的其他网站上它很好 . 此外，不要手动设置它，因为IE9会记住用户设置，你无法将其恢复为自动（或者至少我没有找到，甚至没有通过隐私浏览和清空缓存） 无论如何 . 它跳转到兼容模式的站点：http://alliance... -
0 votesanswersviews
报纸Wordpress主题中移动设备的图像宽度为100％
我的wordpress主题中的CSS图像宽度样式有问题 . 图像宽度设置为100％，但图像以原始大小显示 . 并且以某种方式隐藏溢出 . 但是我无法弄清楚哪个元素导致了这种行为以及如何修复它？ http://www.dailycat.de/19-gruende-warum-man-katzen-lieben-muss-758/ 谢谢，我真的很感谢你的帮助！ -
89 votesanswersviews
在flexbox中使div填充剩余*水平*空间
我在flexbox中有两个div并排 . 右手应该总是相同的宽度，我希望左手一个只 grab 剩余的空间 . 但除非我专门设定其宽度，否则它不会 . 所以目前，它设置为96％，看起来没问题，直到你真的挤压屏幕 - 然后右手div有点缺乏它所需的空间 . 我想我可以保留它，但它感觉不对 - 就像必须有一种说法： 正确的一个总是一样的;你在左边 - 你得到了剩下的一切 .ar-course-nav... -
1 votesanswersviews
我需要一种使用网络应用程序离线存储信息的方法
我想使用HTML5，CSS3和可能的JQuery移动创建一个Web应用程序 . 此应用程序将只是一个用于收集客户数据的表单，但它需要能够脱机工作 . 我之前创建过离线网络应用程序并使用清单文件使它们脱机但有没有办法在设备上制作表单存储数据以便以后上传到计算机或服务器？