前端学习(530):等分布局得间距方案第二种方式
2024-06-06 01:02:03
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>等分布局</title><style>.parent{width: 100%;display: table;margin-left: -10px;}.col1,.col2,.col3,.col4{height: 300px;display: table-cell;padding-left: 10px;box-sizing: border-box;}.col1 .inner{background-color: black; }.col2 .inner{background-color: lightblue; }.col3 .inner{background-color: red; }.col4 .inner{background-color:yellow; }.inner{height: 300px;}</style>
</head>
<body><div class="fix"><div class="parent"><div class="col1"><div class="inner"></div></div><div class="col2"><div class="inner"></div></div><div class="col3"><div class="inner"></div></div><div class="col4"><div class="inner"></div></div></div><div class="inner"></div></div>
</body>
</html>
运行结果
前端学习(530):等分布局得间距方案第二种方式相关推荐
- 前端学习(506):垂直居中的第二种方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 前端学习(507):垂直居中的第二种方式的优缺点
- 前端学习(505):垂直居中的第一种方式的优点和缺点
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 前端学习(504):垂直居中的第一种方式
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- 前端学习(764):创建对象的三种方式
- 深度学习(6)之卷积的几种方式:1D、2D和3D卷积的不同卷积原理(全网最全!)
深度学习(6)之卷积的几种方式:1D.2D和3D卷积的不同卷积原理(全网最全!) 英文原文 :A Comprehensive Introduction to Different Types of Co ...
- html布局结构瀑布流,三种方式实现瀑布流布局
分别使用javascript,jquery,css实现瀑布流布局: 第一种方式:使用JavaScript: 瀑布流布局 *{padding:0;margin:0;} .clearfix:after, ...
- spring学习笔记(一)创建对象的四种方式
spring学习笔记(一)创建对象的四种方式 一.简介 Spring是一个轻量级控制反转(IoC)和面向切面(AOP)的容器框架. 所谓IoC就是Iversion of Control,控制反 ...
- 前端学习(529):等分布局存在间距得实现得解决方案
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
最新文章
- 「镁客·请讲」深睿医疗乔昕:AI医疗才起步,说变革尚早
- 基于springboot的医院信息管理系统
- Redis服务停止报错解决方案[NOAUTH Authentication required]
- MySQL数据库:SQL优化与索引优化
- 【QA5】【mysql问题】ERROR 1045 (28000): Access denied for...
- linux设备驱动模型及其他,Linux设备驱动模型
- Spring之AOP详解
- Win10 64位系统下PCL + Visual Studio + cmake + (Qt) 安装调试
- 解决从登录页通过this.$router.push跳转首页后 点返回健路由变而页面不变的问题
- poj3414 Pots
- 马尔可夫过程及其例题分析
- 关于互联网金融的安全、监管
- 2018年要过去了,年初说好要上完的网课呢?
- 两分钟理解RAFT光流中的相关层
- win服务器的远程连接--如何打开远程连接服务器?如何设置远程连接?连接工具?
- 转载:挺住,意味着一切
- 浅谈建筑能耗在线监测系统在天目西路街道103坊27丘项目泰禾大厦的应用—安科瑞 孙斌
- Ubuntu下同时搭建支持匿名、本地、虚拟用户的ftp服务器
- android 11.0 12.0app应用卸载黑名单
- 通过键盘上的方向键(上,下,左,右) 控制按键分别向对应的方向移动
热门文章
- .Net Core集成Office Web Apps(一)
- 【Objective-C】玩转OC:正式开始自学OC
- LLVM每日谈之十二 LLVM的源码分析之Pass相关
- linux 运行 chom,Hadoop安装-单节点/伪分布(2.7.3)
- python kmeans聚类 对二维坐标点聚类_Kmeans均值聚类算法原理以及Python如何实现
- android的时间代码怎么写,Android 日期和时间的使用实例详解
- vc c语言坐标图,VC++6.0下C语言画图编程问题
- java中reject方法作用_Java BindingResult.rejectValue方法代碼示例
- Apt-get使用指南
- 字符编码·ISO8859