草庐IT

auto_created

全部标签

html - div 没有使用边距 : auto in IE9 居中

我试图在侧边栏留空的空间中居中。这就是我希望它看起来像的样子:我实际上设法让大多数浏览器都可以使用margin:auto为有问题的div,同时设置overflow:hidden:FiddlehereCSS#header{height:50px;background:#224444;color:#fff;}#containerdiv{padding:1em;}#content{max-width:400px;margin:auto;background:#ddd;height:300px;overflow:hidden;}#sidebar{float:right;width:200px;

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

在绕过许多其他问题后,我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分),即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne

javascript - jQuery .height() 在 div 上输出与 .scrollHeight 相同的值并溢出 :auto (IE8)

在绕过许多其他问题后,我还没有找到解决我问题的答案。我正在编写一个脚本来查明div是否溢出。但是当尝试使用jQuery.height()、jQuery.innerHeight()或JavaScriptsoffsetHeight检索可见高度时。我得到了整个div的值(包括溢出的部分),即:与scrollHeight相同的值。包含的DIV样式:{overflow-x:hidden;overflow-y:auto;width:73%;bottom:0px;float:left;height:100%;top:0px;}我在jsFiddle上创建了场景模型:http://jsfiddle.ne

HTML & CSS : How to create four equal size tabs that fill 100% width?

我正在尝试为我的网站创建一个导航面板。我希望它包括:四个大小相等的选项卡,每个选项卡中的文本居中。它们应该填满整个页面宽度。我非常希望设计灵活且浏览器友好。我尝试了各种float技术,但我无法让它发挥作用。我希望你能帮助我!谢谢。 最佳答案 HTML编辑:现在是2015年,HTML5已经存在了一段时间;以下代码应在nav中元素(html5doctor)具有地标ARIA属性role="navigation"在它上面(并且99.9%的时间在任何给定页面中都是唯一的)。导航面板应该使用无序列表的链接:OneSecondThirdFourt

HTML & CSS : How to create four equal size tabs that fill 100% width?

我正在尝试为我的网站创建一个导航面板。我希望它包括:四个大小相等的选项卡,每个选项卡中的文本居中。它们应该填满整个页面宽度。我非常希望设计灵活且浏览器友好。我尝试了各种float技术,但我无法让它发挥作用。我希望你能帮助我!谢谢。 最佳答案 HTML编辑:现在是2015年,HTML5已经存在了一段时间;以下代码应在nav中元素(html5doctor)具有地标ARIA属性role="navigation"在它上面(并且99.9%的时间在任何给定页面中都是唯一的)。导航面板应该使用无序列表的链接:OneSecondThirdFourt

html - 如何高度 : auto works in HTML and CSS?

在CSS和HTML中,height:auto是如何工作的?当height设置为auto时,浏览器在计算元素高度时会考虑什么? 最佳答案 您可以拆分两种情况:div和其他容器:高度是浏览器在您未指定任何内容时将使用的高度,试图包含元素内容。(阅读Mathijs的回答了解更多详情)图像和其他block元素具有固有尺寸(宽度和高度):如果您指定宽度,则“高度:自动”将按比例缩放。因此,换句话说,除非您需要重置浏览器行为或与某些对象保持比例,否则它是无用的。 关于html-如何高度:autowo

html - 如何高度 : auto works in HTML and CSS?

在CSS和HTML中,height:auto是如何工作的?当height设置为auto时,浏览器在计算元素高度时会考虑什么? 最佳答案 您可以拆分两种情况:div和其他容器:高度是浏览器在您未指定任何内容时将使用的高度,试图包含元素内容。(阅读Mathijs的回答了解更多详情)图像和其他block元素具有固有尺寸(宽度和高度):如果您指定宽度,则“高度:自动”将按比例缩放。因此,换句话说,除非您需要重置浏览器行为或与某些对象保持比例,否则它是无用的。 关于html-如何高度:autowo

html - 具有可变数量的 "auto"行的 CSS 网格,但一行应占用 "1fr"

我正在摆弄基于CSS网格的前端,并且在前端的不同部分一遍又一遍地需要以下行为:具有可变行数的网格。每一行的大小都应该可变(自动就可以)。最后一行应始终占据所有剩余空间。所以如果我碰巧需要五行,这就可以了:.myGridForFiveRows{display:grid;grid-template-rows:autoautoautoauto1fr;}但是,我非常想要一个样式表,它可以为任何给定的行数生成正确的行为。我想也许我可以以某种方式使用repeat()来做到这一点?https://developer.mozilla.org/en-US/docs/Web/CSS/repeat.myGr

html - 具有可变数量的 "auto"行的 CSS 网格,但一行应占用 "1fr"

我正在摆弄基于CSS网格的前端,并且在前端的不同部分一遍又一遍地需要以下行为:具有可变行数的网格。每一行的大小都应该可变(自动就可以)。最后一行应始终占据所有剩余空间。所以如果我碰巧需要五行,这就可以了:.myGridForFiveRows{display:grid;grid-template-rows:autoautoautoauto1fr;}但是,我非常想要一个样式表,它可以为任何给定的行数生成正确的行为。我想也许我可以以某种方式使用repeat()来做到这一点?https://developer.mozilla.org/en-US/docs/Web/CSS/repeat.myGr

html - Chrome 扩展 : Download/export content created "on the fly"

我需要让用户从扩展中包含的一些数据中下载一个动态创建的文件,但我不想在服务器端执行此操作。作为一个真实世界的例子:有一个包含文本“helloworld”的变量。我希望用户能够下载/创建包含此类文本的.TXT文件。这可能吗?-2010年10月30日编辑-目前的解决方案:window.saveAs-根本不工作createObjectURL-有效,但文件名和其他选项还不能自定义将数据复制到剪贴板-可行,但需要用户执行太多步骤创建GoogleDocs文档-可以工作,但需要弄乱API和Oauth-2011年4月15日编辑看起来情况正在改善:https://github.com/eligrey/F