美文网首页
布局技巧

布局技巧

作者: 大庆无疆 | 来源:发表于2019-01-24 18:54 被阅读0次
image.png

如果需要设置元素浮动,那么我们平常会给需要浮动的元素套一个父元素(父元素是标准中的),以免影响页面布局


很多时候我们不方便给父元素盒子的高度,比如新闻里我们不知道新闻里会有多少个字,所以一般情况下都是让里面的内容撑开高度。
高度可以布局的时候为了方便先写上,最后再去除

尽量不要让两个img裸露出来,分别为他们套个div

image.png

这样可以使用dl、dt、dd配合使用 ,dd里面再放a标签
将自定义列表搞成一排,可以使用如下方法。
首先将dt的宽度固定,然后设为绝对定位,这样子dd就会升上去,再将dl设为相对定位(子绝父相),此时dt会盖住dd的前部分,使用dl的padding-left隔开一段间距,将dt的left:0,top:0即可

相关文章

  • 安卓开发要点

    掌握各种布局技巧 LinearLayout RelativeLayout 布局技巧,学会 布局嵌套 掌握重要的组...

  • Android开发遇到的问题

    1.splash(欢迎页) 里边做的事 2.布局优化技巧布局优化技巧

  • 布局技巧与列表控件

    布局技巧与列表控件 五大布局 FrameLayout(框架布局)、LinearLayout(线性布局)、Relat...

  • 小程序开发必备知识总结-思维导图-布局篇

    Flex布局使用 CSS技巧相关

  • CSS布局技巧总结

    目录 详解 CSS 七种三栏布局技巧 16种方法实现水平居中垂直居中 详解 CSS 七种三栏布局技巧 三栏布局,顾...

  • css布局和居中

    本文主要介绍了css常用的布局,居中等其他小技巧。 css布局 左右布局 利用float实现左右布局 左右模块设置...

  • 布局技巧

    如果需要设置元素浮动,那么我们平常会给需要浮动的元素套一个父元素(父元素是标准中的),以免影响页面布局 很多时候我...

  • 布局技巧

    最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单: 方法一: div使用绝对布局,设...

  • 2018-06-24

    css 网页布局学习心得 1.左右布局 2.左中右布局 3.水平布局 4.垂直布局 5.其他小技巧 在浮动布局时,...

  • 关于css定位,你需要知道的5件事

    近年来前端工程师已经可以通过不同的css布局技巧制作出很复杂的布局。其中有些技巧有很长的历史(比如:floats)...

网友评论

      本文标题:布局技巧

      本文链接:https://www.haomeiwen.com/subject/qtpujqtx.html