css样式学习

2021-01-22 20:12

阅读:481

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签:居中   The   大小   ext   目录   wrap   cte   设置   col   

目录
  • 1.可解构的自适应布局(The Deconstructed Pancake)
  • 2.超级居中

本文内容参考自如何用一行 CSS 分别实现 10 种现代布局?。

1.可解构的自适应布局(The Deconstructed Pancake)



1
2
3

设置了150px作为最小值,三个box三分parent区域,跟随着浏览器的大小的改变而改变,当浏览器缩小到一定程度时,浏览器无法改变,相当于确定了浏览器的最小窗体大小。

2.超级居中



:)

鼠标拖拽外面的parent框的右下角改变parent的大小,里面的框是垂直水平居中,且能改变框中文字的值。

css样式学习

标签:居中   The   大小   ext   目录   wrap   cte   设置   col   

原文地址:https://www.cnblogs.com/tellw/p/13284978.html


评论


亲,登录后才可以留言!