草庐IT

DISPLAY1

全部标签

javascript - 显示 :flex is randomly turning into display:block with jquery hide/show and google webfont

在元素上调用jquery的css("display")时,我得到了不可预测的结果;有时是flex,有时是block。奇怪的是,这个错误仅在我使用jquery的show/hide时出现,并且错误发生的概率约为50%。更奇怪的是,我在hide甚至运行之前看到了这些结果。更新:它似乎也与thisgooglewebfontcss相关联我包括在内。如果我删除字体,问题就会消失。这一切都很奇怪。这是我的代码的简化:js:$(document).ready(function(){console.log("1display:"+$("#foo").css("display"));$("#foo").h

html - 我可以将 'display:table' d div中的数据正确地导入Excel吗

我使用display:table、table-row和table-cell规则以整齐的表格格式组织了一系列div。它看起来不错,但有人要求我支持想要复制文本并粘贴到excel中的用户。过去,我们有类似的报告,这些报告在纯html表格(tr、td等)中呈现,我想excel知道如何处理它以适本地引入它,但对于样式化的div,它们只制作一长列(这对于有用的报告来说并不完全理想)。是否可以在不借助html表格的情况下做到这一点?我的问题很简单,“这可能吗?”。我已经有一个替代解决方案,如果有更好的方法,我只是不想走那条路。 最佳答案 没有真

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: 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 - "display:none"内容复制到剪贴板,粘贴时可见

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

javascript - 你如何找到 "display: none"元素的维度?

我在div中有一些子元素,它们应用了CSSdisplay:none,我想找出子元素的尺寸是多少。我该怎么做?FiddleDemovaro=document.getElementById('output');varwmd1=document.getElementById('whats-my-dims1');varwmd2=document.getElementById('whats-my-dims2');o.innerHTML='wmd1:"'+wmd1.clientWidth+'","'+wmd1.clientHeight+'",wmd2:"'+wmd2.clientWidth+'",

javascript - (jQuery) 将 div 样式 "display:none"切换为 "display:inline"

我有2个div,我希望能够在单击按钮时在它们之间切换(当前使用.toggle();)页面显示的div是div1。这个div的样式为“display:inline”。我的另一个div(div2)以样式“display:none”开头。当div1切换到div2时,我希望div2具有“display:inline”的样式。我该怎么做?编辑:这是有效的:$(function(){$('#button').click(function(){$('#div1').toggleClass('hide');if($('#div2').is('.hidden')){$('#div2').removeCl

html - 'display: block; float: left' 与 'display: inline-block; float: left' 之间的区别?

左浮动元素(比如图像)是否有显示:内联block;应用于它,而不是保留默认显示:block;应用规则?换句话说,它们之间有什么区别:text和text? 最佳答案 @thirtydot的回答可能对您有所帮助...Question'slinkIjustfoundoutthatfloatinganelementwillalsomakeitablock,thereforespecifyingafloatpropertyanddisplay:blockisredundant.是的,如果您指定了float:left(或right),displ