草庐IT

display_width

全部标签

html - 预标记宽度 :100% or max-width:100% overflow:auto is not flexible

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion这里是一个例子的链接:http://whiterootmedia.com/database/dusty_arlia/the_img_tag_and_its_attributes.html我的标签元素将包含长行代码。每当其容器更改为width:auto(宽

html - 是最大宽度 :auto == max-width:100%?

是max-width:auto;等于max-width:100%?如果不是,有什么区别? 最佳答案 它们不相等。auto不是max-width的有效值.如果您要查找表示“此元素的宽度没有上限”的值,则该值为none(参见max-width上的规范)。none然而,也不等于100%。值100%表示元素最多只能与其包含block的约束一样宽(有关百分比宽度的详细信息,请参阅thewidthproperty上的规范)。与none,你仍然可以使元素比它的包含block更宽(这通常会导致溢出),例如通过设置width:150%在元素上。如果最

javascript - AWS SDK JavaScript : how display upload progress of AWS. S3.putObject?

我正在开发一个JavaScript客户端来将文件直接上传到AmazonS3。UploadtoS3varbucket=newAWS.S3({params:{Bucket:'myBucket'}});varfileChooser=document.getElementById('file-chooser');varbutton=document.getElementById('upload-button');varresults=document.getElementById('results');button.addEventListener('click',function(){var

html - Bootstrap : Gap between columns on mobile display

我正在使用bootstrap3.0做一个网站,我希望HTML和CSS可以在台式机、平板电脑和移动设备上整齐地显示。我遇到的一个问题是,当您在移动显示器上查看网站时,列是堆叠的(我不是在批评它,因为这会尽可能地停止滚动)。但是,我希望列之间有一点间隙(甚至1-2px)。到目前为止的代码..content..content一个图像来显示它正在做什么并显示堆栈列如何在列之间实现一点间隙?谢谢 最佳答案 添加自定义类.column-margin以设置行/列之间的边距。@media(max-width:991px){.column-margi

javascript - CSS : Amazingly strikethrough not working on child display:inline-block div

我有一个代码,如果我在外部div上应用text-decoration:line-through;,所有内部div元素也必须是“删除线”。这通常可以100%正常工作;但是,如果我将子元素放置为“display:inline-block”,现在应用于父div的删除线不会影响子元素的删除线。我必须将child作为display:inline-block放置,并且我需要在text-decoration:line-through;添加到parentdiv时划掉child。div{padding:10px;}#outer{background:yellow;text-decoration:line

javascript - 在 "display:table-cell"之间填充

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭8年前。Improvethisquestion有没有办法在执行display:table-cell时在“单元格”周围放置填充或透明边框?我希望通过这个空间显示背景,所以我不能只将边框设置为白色,而且border-color:transparent出于某种原因对我不起作用。我检查了w3schools和

javascript - 无法识别键 "device-width;"的视口(viewport)参数值 "width"。内容被忽略

我正在尝试为不同的Android设备设置不同的视口(viewport)。为此,我使用了这段代码。if(window.devicePixelRatio==1){document.querySelector("meta[name=viewport]").setAttribute('content','width=device-width,initial-scale=0.51,maximum-scale=0.51,user-scalable=0,target-densityDpi=device-dpi');}elseif(window.devicePixelRatio==2){documen

android - HTML 输入字段 : Automatically display numeric input method

我有一个网络应用程序,其布局设置为适用于移动设备。但是,我在表单中的大部分输入字段都是数字。每次我用我的Android手机访问一个表单并点击其中一个输入字段来创建一个输入字段时,qwerty键盘就会出现,我必须切换到数字输入法并输入一些数字。这很不方便。是否有HTML属性或某物。类似的东西会让Android(和iPhone)默认显示数字小键盘吗?再次声明,这是一个Rails应用程序,而不是原生智能手机应用程序。感谢任何帮助,谢谢。 最佳答案 在HTML5中,type='number'表示字段只需要数字,而现代浏览器将只允许数字输入。

html - 同步图像 block {width : 100%; height : auto} behaviour

我想创建以下布局:是具有不同宽度和高度的可变数量图像的条纹,它们是:比例在同一高度缩放;并且它们的宽度之和等于父宽度。***表达自己有点复杂;我想知道当您将宽度设置为百分比时,block是否有可能模拟img整齐的比例行为,并且它会神奇地自动计算它的高度.我制作了一个图表,也许可以更好地解释我想要实现的目标:我希望图像的总宽度为父元素的100%,并在不失去比例的情况下以相同的高度缩放。我已经尝试了各种实现,试图找出一种方法,我可以在其中转换计算css中的百分比高度,该高度填充block的所有宽度,当有{width:100时图像的行为方式%;高度:自动属性。到目前为止,这是我得到的:Str

javascript - 为什么 "Facebook Comments"iFrame 在使用 CSS 'display: none' 加载到容器中时具有不同的高度?

我正在编写一个加载页面的Web应用程序,然后使用JavaScript使用Facebook的XFBML代码显示Facebook评论框。我在一个容器中有FacebookCommentsiframe,它在页面加载时设置为“显示:无”。稍后当用户单击按钮时,将显示容器。我遇到的问题是,当页面加载时FacebookComments容器设置为“显示:无”,Facebook加载的iframe的高度比预期的高得多。但是,如果我加载页面时将FacebookComments容器设置为“显示:block”,然后在页面加载后将其设置为“显示:无”,则iframe会获得正确的高度属性。我很好奇是什么原因导致if