首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

关于网站左右布局适配

经过自己的摸爬打滚,最终采取了一种方案:direction + 左右对称 + flex布局。 怎么说呢?...意思就是我们的方向主要是由direction进行控制,比如我们要ltr布局,我们在只需要对HTML标签进行设置。...这样就可以使html布局成为从左往右布局,当然,html的默认的布局方式就是从左往右布局的。如果是从右往左布局的话,那么dir='rtl'就可以了。...direction+左右对称+flex布局来看看 如果我们采用direction+左右对称+flex布局来看看 ?...在2019这个年代了,大部分的浏览器都支持flex布局了,如果是老版本的浏览器,我们也可以考虑不兼容了,直接放弃这一部分的人,就不能惯着。所以这个模式还是可行的,更适合那些左右对称的布局方式。

2.7K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML嵌套规则

    虽然我们可以嵌套标签,但是为了提高浏览器的渲染效率,我们应该尽少的嵌套标签,扁平化。...众所周知,HTML标签有两类: 块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes...特点:总是在新行上开始,高度、行高以及顶和底边距都可控制,宽度缺省是它的容器的100%,除非设定一个宽度 功能:主要用来搭建网站架构、页面布局、承载内容 行内元素 span、a、abbr、acronym...特点:和其他元素都在一行上,高、行高及顶和底边距不可改变,宽度就是它的文字或图片的宽度,不可改变 功能:用于加强内容显示,控制细节,例如:加粗、斜体等等 嵌套也有规则,不能随意的嵌套。...有些标签是固定的嵌套规则,比如ul包含li、ol包含li、dl包含dt和dd等等。

    1.8K30

    HTML标签嵌套规则

    0830自我总结 HTML标签嵌套规则 1.块级元素: div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex...功能:主要是用来搭建网站架构、网页布局、承载内容。...嵌套规则 块级元素与块级元素平级,如果块级里面套块级会解析并排的块级且头尾一半会补全成一个完整的 行内元素与行内元素平级,一般情况都是用span来完成行内元素直接的嵌套 行内元素不能嵌套块级元素 块级元素可以包含行内元素或某些块元素...有几个特殊的块级元素只能包含行内元素,不能再包含块级元素 h1~h6、p、dt 块级元素不能放在标签p里面 li标签可以包含标签,因为li和div标签都是装载内容的容器 可能会影响布局

    1.1K10

    QDockWidget嵌套布局详解-实现Visual Studio布局

    Qt的嵌套布局由QDockWidget完成,用Qt Creator拖界面得到的dock布置形式比较固定,不能得想要的任意组合形式,要得到如下图所示的效果,后续布局必须通过代码来完成。  ?...变成一个tab形式的窗体 void QMainWindow::tabifyDockWidget(QDockWidget * first, QDockWidget * second) 1 1 设置dock嵌套布局...  此函数是设置嵌套布局的关键 void QMainWindow::setDockNestingEnabled(bool enabled) 1 1 以上几个函数就能完成比较复杂的嵌套布局了。...设置嵌套布局 下面通过例子来讲解如何设置复杂的嵌套布局  先用Qt Creator拖放9个dock进视图里,为了好区分,给每个dock设置一个背景颜色:  ?...此函数是实现嵌套布局的关键,首先指定基准,然后开始进行分割,即可得到比较复杂的布局。  分割原则是:先水平,再竖直,从左到右,从上到下 下面显示一个九宫格布局:  ?

    4K60

    Qt 垂直布局嵌套 layout

    Qt 中垂直布局的 layout 是 QVBoxLayout 类,他的功能用发与 QHBoxLayout 完全一致,你只需将我们上一篇文章中的所有 QHBoxLayout 替换成 QVBoxLayout...只不过一个是水平布局,一个是垂直布局。...本文讨论更多的是如何在一个 layout 中嵌套使用另外一个 layout,比如我们有这样一个需求,我们希望有三个按钮总在窗口的最左上角,无论窗口怎么拉伸或拖拽,按钮的位置都不动。...那么我们就需要用到两个 layout 嵌套了。...大致的思路是在一个垂直的 layout 中嵌套一个水平的 layout,在水平的 layout 右侧设置一个弹簧,在垂直的 layout 下方设置一个弹簧,这样按钮就会一直在左上角了,表示图如下:

    54810
    领券