草庐IT

Vertical

全部标签

html - 流式布局 : avoid change in body width due to vertical scrollbar

我已经为我的网站实现了流式布局。我已将body标签的宽度设置为100%。somecontentbody{margin:0;padding:0;width:100%;}对于某些页面,显示垂直滚动条。因为body标签宽度减少了16px。我需要以不影响滚动条显示的方式设置主体宽度。我试过跟随但它不适用于FF9。:body{width:-moz-calc(100%-16px);}任何人都可以提出实现这一目标的方法吗? 最佳答案 解决此问题的一种方法是确保滚动条始终存在。然后,您可以自信地设计您的页面样式,它们不会左右移动。html,body

HTML & CSS : Vertical Flow Layout (columnar style), 如何实现?

“流动”元素的标准CSS/html定位是水平的(基于行)=>float:left;。我需要做什么,才能像下面的示例(柱状样式)那样定位它们。是否有任何CSS标签可以在某处设置它?(理想情况下,我不想设置网格,这应该像在float:left样式中一样自动发生...)+---------------------------+|DivBox1||DivBox2||DivBox3|+---------------------------+添加后:多了2个盒子:+----------------------------+|DivBox1DivBox4||DivBox2DivBox5||DivBo

html - CSS:为什么 "vertical-align: middle"不起作用?

考虑以下示例:(livedemohere)HTML:CSS:a{display:block;background:#000;line-height:40px;}img{vertical-align:middle;}输出是:为什么图片没有垂直居中?我怎样才能解决这个问题,让它在所有主流浏览器中都能正常工作?请不要假设任何图像尺寸(如本例中的32x32),因为在实际情况下图像尺寸是未知的。 最佳答案 为此,您可以使用position:absolute;。例如:a{display:block;background:#000;line-he

html - 如何避开位置: fixed from staying on the screen when vertical scrolling?

我askedthisquestion这对于使文本(顶部链接)在滚动后被迫向右移动非常有效。问题出在页面上,当我垂直滚动时,即使向下滚动,顶部链接仍保留在页面顶部,因此它们显示在我的主要内容上方。有什么方法可以强制文本向右移动但在垂直滚动时不移动?这是我今天的CSS:#toplinksul{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparentnonerepeatscroll00;border:med

html - Bootstrap : how to disable vertical scrollbar?

当我的模态弹出窗口打开时,它会在浏览器窗口的右侧添加一个垂直滚动条。我该如何禁用它?我认为当模态窗口在需要滚动的高度值非常大时启用。我想禁用它,因为我的窗体高度不超过窗口高度。 最佳答案 在你的CSS中添加:body{overflow-y:hidden;} 关于html-Bootstrap:howtodisableverticalscrollbar?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

css - 溢出-x : hidden also hides vertical content too

我有一个400像素宽的DIV,包含两个并排的DIV,每个宽度为400像素,高度为600像素。两个DIV的宽度是固定的,但高度可以变化。我想隐藏第二个DIV并完全显示第一个,在DIV内不滚动。我认为我的解决方案是隐藏overflow-x。这似乎也隐藏了y溢出。这是我的代码:#schools-sub-nav{}#schools-container{width:400px;/*Setthewidthofthevisibleportionofcontenthere*/background-color:fuchsia;position:relative;overflow-x:hidden;}#s

html - CSS 形而上学 : WHY is page vertical alignment so difficult?

相对于页面,CSS中的水平对齐很容易-margin:0auto大部分时间都能满足您的需求,而text-align:center其他一些情况。我对大师们的问题不是如何垂直对齐,而是为什么如此困难?为什么没有margin:auto0?我的意思是,从编程的Angular来看。理论上,似乎相同的算法适用于两种类型的居中。 最佳答案 问得好,我不知道,但我怀疑问题的根源在于HTML,因此它的渲染引擎最初旨在用于文档语义而不是布局/打印语义。CSS非常擅长描述段落、标题和各种文档问题,但在涉及更大的DTP布局任务时却非常薄弱,而现在每个人都希望

html - 设置溢出-x : hidden adds a vertical scrollbar

这个问题在这里已经有了答案:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue(9个回答)关闭6年前。当我指定overflow-x:hidden时在水平和垂直溢出的元素上,除了隐藏水平溢出的内容之外,该元素还有一个垂直滚动条。我试过添加overflow-y:visible甚至只是overflow:visible,没有效果。我是不是误解了这些属性的作用?我会认为overflow-x根本不应该影响垂直溢出。这在我尝试过的每个浏览器上都发生过。这是演示效果的片段。我正在使用标签,因为它们是创建溢出内容的简单方法,但

android - Flutter:为什么我会收到 "Vertical viewport was given unbounded height"错误?

我是flutter的新手,下面是我的代码import'package:flutter/material.dart';classHomepageextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){//TODO:implementbuildreturnScaffold(appBar:AppBar(title:Text("ChocoFactory"),),body:HomepageUI(),);}}classHomepageUIextendsStatefulWidget{@overrideStatecreateSt

image - flutter 行 : Dynamic Height & Vertical Stretch

我有一个ListView项目,它具有受文本内容影响的动态高度。这是一个带有两个文本小部件的简单Column。当将Column包裹在Row中并添加Image时,我希望图像垂直扩展(但固定宽度)以匹配文本的自动高度。但是,我不能在Row上使用CrossAxisAlignment.stretch,因为它需要固定的高度。我怎样才能让我的图片根据旁边的文本内容展开/缩小? 最佳答案 Stack会自动包裹未定位的子元素。您可以利用这一优势:import'package:flutter/material.dart';voidmain()=>run