CSS常用布局

1.左右布局

方法1.使用clearfix属性


clearfix的内容:


方法2.使用绝对定位position


绝对定位是使内容显示在界面左上角，配合right使用。


2.左中右布局

方法1.使用clearfix属性配合外边距margin


方法2.使用绝对定位position配合外边距margin


3.水平居中

使用text-align: center




4垂直居中

使用vertical-align: top属性


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1赞 92
  • css常用布局总结
    一、左右布局 1.table:table的li实现 实现原理： table标签是能够具有实现左右布局的属性，也是我...
    鼻鼻_0632阅读 3,677评论 0赞 1
  • css常用布局
    css简单布局 1.左右布局 常用左边固定，右边自适应 实现这样的布局，我们可能会有如下方法： 浮动布局 flex...
    Sur_lee阅读 2,915评论 0赞 0
  • CSS常用布局学习
    最近开始学习CSS，了解了一些基础和常规写法。CSS的知识十分复杂，是值得不断发掘和完善的一个前端模块。对于新人来...
    不讨喜的大雄阅读 8,781评论 0赞 1
  • 2018-01-31
    我们听过无数的道理，却仍旧过不好这一生。打破这句话很简单，所有的过不好终究都归结于自己的心态，价值观。不管生活多么...
    从0到1的平方阅读 962评论 0赞 0