当前位置： 首页 > news >正文

布局

news 来源：原创 2024/5/1 10:47:01

1.实现一个两栏布局，左侧固定宽度200px，右侧自适应宽度，附上预览链接。

效果如图

两栏布局

2.实现一个三栏布局，两侧固定宽度200px，中间宽度自适应撑满，附上链接。

效果如下

三栏布局

3.实现如下居中方式.

要求：块级元素固定宽度，水平居中。

4.实现如下居中方式.

要求：大段文字在容器内水平垂直居中

5.实现如下居中方式.

要求：并列三个按钮，在父容器内水平居中

6.实现如下居中效果，

要求： 固定宽高的块在浏览器窗口水平垂直居中

7.实现如下居中方式

要求： 不定宽高的块在浏览器窗口水平垂直居中

转载于:https://juejin.im/post/5b9122f36fb9a05cde1d3090

相关文章：

  • 我的Android进阶之旅------Android关于ImageSpan和SpannableString的初步了解
  • 给予MP2456的DC-DC降压电源设计
  • 比较规范的身份证号验证正则表达式
  • js call、apply、bind
  • 响应报文的数据
  • 64bit ubuntu 安装32bit的软件
  • 云视频会议已成未来发展必然趋势
  • Werkzeug 教程
  • 浅谈Socket编程（c++语言）
  • spring cloud开发、部署注意事项
  • Zabbix 的 MySQL 监控客户端配置
  • CentOS7下yum安装Jenkins
  • 一点一点看JDK源码（三）java.util.ArrayList 前偏
  • JQuery中使用Ajax无法赋值给全局变量的解决方案
  • 使用mvn生成webapp失败，尚未找到原因
  • Date型的使用
  • el-input获取焦点 input输入框为空时高亮 el-input值非法时
  • js
  • JS 面试题总结
  • node 版本过低
  • 成为一名优秀的Developer的书单
  • 复杂数据处理
  • 你不可错过的前端面试题（一）
  • 入口文件开始，分析Vue源码实现
  • 使用Gradle第一次构建Java程序
  • 追踪解析 FutureTask 源码
  • ionic入门之数据绑定显示-1
  • shell使用lftp连接ftp和sftp,并可以指定私钥
  • 容器镜像
  • ​油烟净化器电源安全，保障健康餐饮生活
  • ## 临床数据 两两比较 加显著性boxplot加显著性
  • (差分)胡桃爱原石
  • （附源码）ssm高校实验室 毕业设计 800008
  • (免费领源码）Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • （算法）Game
  • .form文件_一篇文章学会文件上传
  • .L0CK3D来袭：如何保护您的数据免受致命攻击
  • .Net调用Java编写的WebServices返回值为Null的解决方法(SoapUI工具测试有返回值)
  • .Net组件程序设计之线程、并发管理（一）
  • 。Net下Windows服务程序开发疑惑
  • /run/containerd/containerd.sock connect: connection refused
  • [ 常用工具篇 ] POC-bomber 漏洞检测工具安装及使用详解
  • [145] 二叉树的后序遍历 js
  • [AI]文心一言出圈的同时，NLP处理下的ChatGPT-4.5最新资讯
  • [C#]winform制作圆形进度条好用的圆环圆形进度条控件和使用方法
  • [CareerCup] 13.1 Print Last K Lines 打印最后K行
  • [Firefly-Linux] RK3568修改控制台DEBUG为普通串口UART
  • [JMS 3] ActiveMQ实现简单的helloworld
  • [LaTex]arXiv投稿攻略——jpg/png转pdf
  • [leetcode] Balanced Binary Tree
  • [linux]linux命令学习-netstat
  • [Machine Learning] Learning with Noisy Labels
  • [Mac软件]Goldie App v2.2 Mac黄金比例设计工具
  • [MongoDB]------windos下的安装部署与基础使用
  • [one_demo_3]漩涡递增矩阵