草庐IT

constraint-layout-so

全部标签

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

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

javascript - 创建像SO开发人员故事这样的垂直时间轴

我目前正在尝试制作垂直时间轴(就像在stackoverflow开发人员故事中一样)。要求如下:时间线不应只左右改变项目,也不应该在相对侧(notlikethis或this)上留出空间如果需要,左侧和右侧项目应填满剩余空间(likehere,不幸的是,一旦项目的内容变长,就不会保留项目的顺序)项目的顺序应与所提供的DOM结构中的顺序相同,因此在时间线中应排在最前面的项目因此,在第一步中,我只想测试如何将项目相应地对齐到左侧或右侧。这是我目前拥有的:.timeline{width:100%;}.timeline-item{box-sizing:border-box;width:50%;po

layout - 使用 <DIV> 标签实现 3 列网站的最佳方式?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我正在使用如下布局开发一个3栏网站:.........但是,考虑到's的默认CSS“位置”属性是“静态的”,我的's正如预期的那样,一个一个地显示在另一个下方。所以我将CSS属性“position”设置为“relative”,并更改了“middle”和“right”的“top”属性's到-(减去)前一个的高度.它工作得很好,但是这种方法给我带来了两个问题:1)即使InternetExplo

javascript - 请帮助我理解 SO 页面源代码中的一些内容

我刚刚查看了stackoverflow页面源代码,我有几个简单的问题;1)这样做的目的是什么?搜索引擎会看到这个还是其他东西?2)?v=3731为什么要在一些javascript和stylesheet文件的末尾添加这个,是为了防止浏览器缓存这些项目吗?如果我是对的,那你为什么不想要这个,我认为它们不会经常改变3)这是什么类型的文件rel="canonical"4)这是什么,我的猜测是,如果您将页面URL放入google阅读器之类的东西中,它可能会找到这个文件?` 最佳答案 这是为了使站点能够用作浏览器中的内置搜索。类似于可以从fir

html - 如何在 CSS Grid Layout 中设置列​​的最大宽度?

我想要实现的目标:使用CSSGridLayout,使页面的右栏大小从其内容派生,但最多只能占窗口宽度的20%。我认为它会如何运作:div{border-style:solid;}#container{width:300px;height:300px;display:grid;grid-template-columns:1frminmax(auto,20%);}somecontentLoremipsumdolorsitamet,consecteturadipiscingelit.Doneccursuseuleoacultrices.Vivamusornare,orcisedpretium

html - 空白 : nowrap breaks flexbox layout

这个问题在这里已经有了答案:Whydon'tflexitemsshrinkpastcontentsize?(5个答案)关闭6年前。我使用Flexbox为应用程序创建了响应式布局。该布局要求左侧有一个可折叠菜单,中间有一个带有标题和正文的block,右侧有一个可切换的帮助Pane(还有更多内容,但这是基本结构)。左侧菜单有两种状态:180px宽或80px宽。帮助Pane要么隐藏,要么占用180像素。中间的盒子占据了其余的空间。Flexbox就像一个魅力。当我使用white-space:nowrap制作滚动div时,问题就来了。我有一堆元素需要在水平滚动条中显示,所以我有一个包含元素的列表

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

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

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

android - 如何从代码中动态设置 layout_weight 属性?

如何从java代码中动态设置android中按钮的属性layout_weight的值? 最佳答案 您可以将其作为LinearLayout.LayoutParams构造函数的一部分传入:LinearLayout.LayoutParamsparam=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT,1.0f);YOUR_VIEW.setLayoutParams(param);最后一个参数是权重。

ios - IB Designables : Failed to render and update auto layout status for Google Maps

我在我的项目中使用GoogleMapsPod。我的Storyboard之一有错误:error:IBDesignables:FailedtorenderandupdateautolayoutstatusforMapViewController:dlopen(GoogleMaps.framework,1):nosuitableimagefound.Didfind:GoogleMaps.framework:mach-o,butwrongfiletype我已将View类设置为GMSMapView:应用程序正在模拟器上运行。我该如何解决这个错误?它会导致整个Storyboard为空白。