草庐IT

display_width

全部标签

html - `min-width` 不适用于表单 `input[type="button"]` 元素吗?

有人知道这不起作用的原因吗?(适用于width,但不适用于min-width)input[type="button"]{min-width:100px;}编辑:澄清“按钮”选择器适用于width,只是不是min-widthmin-width适用于其他元素,只是不适用“按钮”选择器这是在Chrome/Safari。不是IE问题。 最佳答案 我也遇到了这个问题。min-width确实有效,但可能无法为您提供预期的结果,或者可能由于按钮的默认box-sizing为border-而无法正常工作框。尝试在按钮上设置box-sizing:con

html - 如何在 IE7 中用 "display:inline-block"覆盖 "display: block"?

这里有一些代码可以说明我遇到的问题。jsFiddleDemoTestTestlongerTestTestlongerTestTestlongerbody{background-color:gray;}div{float:left;margin:5px;}a{background-color:black;color:white;}div.iba{display:inline-block;}div.normal>a{display:block;}div.blockbyclass>a{display:block;}我有一种特定类型的链接,在大多数情况下需要呈现为内联block,但在某些情况下

html - 旋转时的 css 挑战(转换 :rotate) block - width auto

我在使用css变换将block旋转90度时遇到了一点问题。挑战在于:旋转block在40px垂直列内。这意味着自动模式下旋转block的宽度不超过40px。因此,大块文本不会放在一个连续的行上,而是会出现换行符。为了更好地可视化这个问题,请检查我创建的这个fiddle:http://jsfiddle.net/F7CEX/#open_nav{font-family:'Exo',sans-serif;font-weight:300;font-size:1em;display:block;color:#333333;text-decoration:none;background:url("i

HTML: Display:none 这是否允许具有相同名称的多个 ID 属性(当 "hidden"时)?

根据HTML标准,网页中任何HTML标记的ID属性在文档中必须是唯一的!?此规则是否也适用于已通过使用“禁用/隐藏”的HTML标记:display:none?例子:这是否是有效的HTML。所以问题是,对于在单个网页中仅具有唯一ID属性的规则,“display:none”=hiddenElements是否也“算数/重要”?谢谢简 最佳答案 这不是有效的标记。验证不考虑应用于DOM元素的CSS样式。每个ID仍然必须只有一个元素,无论它是否可见、是否在z-stack中位于其他元素之后、是否位于视口(viewport)之外等。

html - 视频 html5 : Is it possible to display thumbnail from video on a specific time?

我用这个在浏览器上有一个视频播放器在点击播放之前,它会显示视频最开始的图像,但在我的大部分视频中,前几秒都是黑屏。是否可以让它在视频的特定时间获取图像,例如“0:00:15”,而无需为视频创建缩略图? 最佳答案 我只想在此添加一件事我猜你忘了在视频标签中添加preload="metadata"属性,如下所示还有一件事我想补充一点,这不会在15秒后开始播放视频,这只会截取视频的屏幕截图并将其作为视频的第一View 关于html-视频html5:Isitpossibletodisplayth

html - `display: table-cell` 宽度是如何计算的?

这个问题出自thisexistingquestion我提供了解决方案,但无法解释原因。我已经将他们的fiddle精简到只剩骨架,并具有以下HTML/CSS:cell1cell2.table{display:table;}.cell-1,.cell-2{display:table-cell;padding:6px12px;border:1pxsolid#ccc;}.cell-1{padding:6px12px;background-color:#eee;border-right:0;border-radius:4px004px;width:1%;/****FOCUSHERE****/}.

html - border-width 中的 CSS calc()?

我可以使用带边框宽度的calc()吗?我希望以下CSS能够工作:.my-element{border-left-width:calc(10%+10px);border-right-width:calc(10%+20px);}但无论出于何种原因,我提供的任何值calc()结果根本没有边界。我在MDN上找到的文档不清楚是否可以使用calc-它说我应该使用Anyvalue,但这是否包括计算?我的目标是IE9,但我在Chrome34和Firefox28中得到了相同的结果。我知道我总是可以使用jQuery来实现这些事情,但我想尽可能避免它。 最佳答案

html - "display:none"内容复制到剪贴板,粘贴时可见

我在将未显示的HTML元素复制到剪贴板时遇到问题,然后在将内容粘贴到MSWord、Outlook等中时显示。例如:HelloI'mHiddenWorld如果我在浏览器中查看该HTML,将文本复制到我的剪贴板,然后粘贴到Outlook中,中间段落仍然隐藏。好消息。但是,在这个例子中:HelloWorld如果我这样做-复制到剪贴板,粘贴到Outlook-文本输入是可见的。有什么办法可以抑制它吗?(无需告诉用户在Outlook中选择“仅保留文本”。)谢谢! 最佳答案 听起来您需要让JavaScript创建DOM部分,而不是仅仅更改CSS样

html - CSS : prevent div width from expanding to available width

如何防止div展开?我希望带有元素的div不占用100%的可用空间,并且具有它的子项所具有的宽度。我需要这个来水平居中父div。诀窍是子元素应该共享float:left或diplay:inline-block和fluidwidth,因此子元素的行数可以很少。我不能将每一行包装在自己的div中,因为它会破坏响应式设计。 最佳答案 你应该使用display:table;它会缩小到它的内容的大小,也可以居中和定位,而无需分配给定的宽度。演示http://jsfiddle.net/kevinPHPkevin/9VRzM/

javascript - window.innerWidth 和 screen.width 有什么区别?

打开devtools并停靠在右侧,我注意到这两个属性的值有所不同。但最重要的是,我听说其中一个使用物理像素,另一个使用逻辑像素。这是真的?如果是,哪个使用哪个?我无法在任何地方找到有关此的任何信息。 最佳答案 它有点隐含在名称中。:-)window.innerWidth是窗口或更准确地说视口(viewport)的内部宽度(不包括工具栏、窗口镶边等;但包括垂直滚动条占用的空间,如果有的话)。screen.width是屏幕(不仅仅是浏览器窗口)的宽度。因此,例如,现在我的浏览器窗口的innerWidth为1197,但如果我将其变宽,它可