草庐IT

display_min

全部标签

html - 如何将 css max-left 或 min-left 位置放置到绝对对象?

我有一个元素:position:absolute;left:70%;例如,我可以将元素配置为不从左侧移动超过900像素吗?类似于max-width但用于定位? 最佳答案 您可以使用CSS3媒体查询来实现这一点所以:#element{position:absolute;left:70%;}如果您不希望它在屏幕较小或调整大小时覆盖对象窗口,您可以在之后添加:@mediaalland(max-width:980px){#element{margin-left:0px;left:220px;}}当屏幕宽度小于980px时,#element对

html - 媒体查询 : check min-height and min-width?

我正在尝试根据浏览器的最小高度和最小宽度更改我页面上的CSS,所以我正在使用它:@media(min-height:500px),(min-width:580px){/*CSSstuff*/}但出于某种原因,这不起作用。我可以同时检查最小高度和最大宽度(反之亦然)或最大高度和最大宽度,但检查两个最小值似乎不起作用。我应该更详细地说明这一点:我希望浏览器在最小高度或最小宽度变为真时采取行动。仅当两个条件都为真时,使用and-operator才有效。我做错了什么吗? 最佳答案 使用and而不是逗号,如下所示:@media(min-hei

asp.net - "X-UA-Compatible IE=edge" header 不应该覆盖 IE10 中的 "Display intranet sites in Compatibility View"吗?

我有一个简单的HTML5/ASP.NET网站,我今天开始在IE10中测试它,因为它是为Win7发布的。这是我组织内的一个Intranet站点,我相信不久前部署了一个组策略以默认启用在兼容性View中显示Intranet站点。我今天在测试中注意到,即使我添加了一个X-UA-CompatibleIE=edgeHTTPheader(通过我的web.config),该站点在IE中显示为:BrowserMode:IE10CompatViewDocumentMode:Standards我相信我的HTML实际上没问题,因为我可以简单地取消在兼容性View中显示内联网网站设置,当它重新加载时,它会立即

html - Angular2 : conditional display, 绑定(bind)到 [隐藏] 属性与 *ngIf 指令

这个问题在这里已经有了答案:WhatistheequivalentofngShowandngHideinAngular2+?(23个回答)关闭6年前。在Angular2中,假设我想有条件地显示堵塞。下面两种方式有什么区别。HelloWorld!其中isLoaded是相应的bool值.ts文件。HelloWorld!我知道即使未显示在页面中,1.仍然有在DOM中,而2.没有。还有其他区别吗?它们各自的优缺点是什么?

html - 订阅者电子邮件 : GMail is converting height to min-height

这是向Google用户发送电子邮件时看似已知的问题:Google将所有“高度”声明更改为“最小高度”。这意味着堆叠的图像不再无间隙地相互“接触”。有没有人知道一个好的解决方法?这是一个例子:在GMail中显示如下:所以不是这个:在GMail中,两张相互堆叠的图片看起来像这样:必须有一个简单的解决方法吗? 最佳答案 我刚刚遇到了这个问题并通过设置max-height解决了它,它不会混淆。 关于html-订阅者电子邮件:GMailisconvertingheighttomin-height,

html - 如何实现float :right effect while preserving the inline-block display?

考虑以下jsFiddle:http://jsfiddle.net/mark69_fnd/yqdJG/1/HTML:AAABBB​CSS:#container{border:solid2pxgreen}.char{display:inline-block;border:solid2pxred;}.stickToRight{float:right}​有没有另一种方法可以使.stickToRight右对齐,而不float它?我需要将其保留为display:inline-block以便我可以使其垂直对齐方式与其他.char元素保持一致。如何实现float:right右对齐效果,同时保持元素di

html - 使用显示 :table-cell without containing display:table

我正在尝试使用CSS3创建语义正确的HTML5网页。我创建了以下标记,它位于我的body元素的根部。将display:table-cell应用于aside和section元素会使它们按我希望的方式排列。但是,我没有要应用display:table的包含元素。如果应用display:table-cell的元素不包含在display:table中,是否可以使用display:table-cell?如果没有,是否有更好的机制在不使用float的情况下使用这些元素创建列布局?Link1Link2Contentgoeshere 最佳答案 是的

html - 如何让 "display: block"在 IE 中的 <td> 上工作?

有什么办法可以使IE显示表格单元格作为实际block?鉴于这种风格:table,tbody,tr,td,div{display:block;border:1pxsolid#0f0;padding:4px;}还有这个html:R1C1R1C2R1C3R1C1R1C2R1C3该表在Firefox和Safari/Chrome中呈现与嵌套div完全相同。但在InternetExplorer(8)中,属性display:block无效。该表呈现得就像我没有设置该属性一样。我的主要问题是细胞不会破裂;它们都呈现在一条线上。(tbody和tr元素没有任何边框或填充。不过现在这对我来说不是问题。)我在

video - html5 : display video inside canvas

是否可以将html5视频显示为Canvas的一部分?基本上与在Canvas中绘制图像的方式相同。context.drawVideo(vid,0,0);谢谢! 最佳答案 varcanvas=document.getElementById('canvas');varctx=canvas.getContext('2d');varvideo=document.getElementById('video');video.addEventListener('play',function(){var$this=this;//cache(funct

html - 溢出 :hidden + display:inline-block moves text upwards

这个问题在这里已经有了答案:Whyisthisinline-blockelementpusheddownward?(8个答案)关闭去年。我有以下HTML:abc我希望看到的是:abc。我看到的(在Chrome、Safari、Firefox中):b高于a和c。为什么会这样,如何解决?