草庐IT

Auto-layout

全部标签

HTML CSS : fix and stretch width two column layout

leftfixed-widthcolumnrightstretchingcolumn(thewidthshouldbe700pxinthiscase.)创建两列布局的标准方法是什么,其中左边一列是固定大小,右边一列是拉伸(stretch)?我希望两列的样式是独立的。我在这里找到了几个解决方案,但是如果我更改左列的宽度,右列的样式(例如边距)也需要随之更改。我不需要支持旧浏览器。如果是标准的,那就没问题了。 最佳答案 将overflow:hidden应用于第二个div。这将引入一个新的blockformattingcontext.您可

html - 带有 table-layout=auto 的 HTML 表格中的固定宽度列

当HTML表格的table-layout设置为auto时,它的列会自动调整大小。鉴于这种情况,有没有办法保持特定列的固定宽度?我试过使用CSS宽度-似乎没有任何效果。 最佳答案 如果你使用nth-child,你可以使用CSS来做到这一点CSS:.table{table-layout:auto}td,th{border:1pxsolid#999;padding:0.5rem;}.table1th:nth-child(1),.table1td:nth-child(1){width:200px;/*becomes218pxwithpadd

android - CardView layout_width ="match_parent"与父 RecyclerView 宽度不匹配

我有一个fragment,其中包含一个RecyclerView,layout_width="match_parent":RecyclerView中的项目也是CardView,layout_width="match_parent":我将项目View放大如下:publicMyAdapter.ViewHolderonCreateViewHolder(ViewGroupparent,intviewType){CardViewv=(CardView)LayoutInflater.from(parent.getContext()).inflate(R.layout.card_listitem,nu

android - CardView layout_width ="match_parent"与父 RecyclerView 宽度不匹配

我有一个fragment,其中包含一个RecyclerView,layout_width="match_parent":RecyclerView中的项目也是CardView,layout_width="match_parent":我将项目View放大如下:publicMyAdapter.ViewHolderonCreateViewHolder(ViewGroupparent,intviewType){CardViewv=(CardView)LayoutInflater.from(parent.getContext()).inflate(R.layout.card_listitem,nu

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%在元素上。如果最

html - CSS 高度 :auto doesn't work with my wrapper div

我希望有人能看看我的网站并告诉我这里可能发生了什么。我遇到的问题是#bodyWrapdiv不会自动拉伸(stretch)到它的一个child#contentWrap的高度。#contentWrap可以很好地填充该页面上的所有内容,但这不会冒泡到父级#bodyWrap。提前感谢您的任何见解。http://www.jacobsmits.com/placeholderRX/index.html 最佳答案 您必须在关闭容器之前添加一个clearerdiv:float元素不会影响容器的高度...因为它是float的;)。现场工作示例:http

html - 为什么margin :0 auto; not work on this input button?

我正在尝试将输入按钮置于表单的中央,但通常的边距是:0auto;没有做任何事情。以下是我的HTML的设置方式:和CSS:body{padding:0;margin:0;width:100%;font-family:CenturyGothic,sans-serif;}.container{width:100%;}#contact-div{height:100vh;width:100%;background:url("images/contactpic3.jpg")no-repeatcenterfixed;background-size:cover;}.input-field{width:

html - CSS 边距 : 0 Auto; is not working on <img> tag

我的标记很简单,而且我使用的是内联CSS。我的目标是使用margin:0auto;使图像居中在styleHTML属性。这是我试过的代码:为什么CSS没有居中我的? 最佳答案 您必须使用display:block才能使margin:0pxauto生效。 关于html-CSS边距:0Auto;isnotworkingontag,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/26477

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

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