11.标签包含规范、规避脱标流、图片文字垂直居中
来源:互联网 发布:淘宝网购物车已买到的宝贝 编辑:程序博客网 时间:2024/06/05 08:56
标签包含规范:
div
可以包含所有标签。p
标签不能包含div 、h1
等标签。h1
可以包含p,div
等标签。- 行内元素尽量包含行内元素,不能包含块元素。
规避脱标流
1. 尽量使用标准流。
2. 标准流解决不了的使用浮动。
3. 浮动解决不了的使用定位。
4. 使用margin-left:auto规避脱标
※ 盒子设置左外边距为auto,将盒子左侧充满,冲到右边margin-left:auto;
※盒子设置右外边距为auto,将盒子右侧充满,冲到左边margin-right:auto;
※盒子居中对齐:margin:0 auto;
图片文字的垂直居中 vertical-align
对行内块inline-block最敏感。默认属性是:vertical-align:baseline;
基线对齐。vertical-align:middel;top;bottom;
图片和文字居中对齐,顶部对齐,底部对齐。
vertical属性:
阅读全文
0 0
- 11.标签包含规范、规避脱标流、图片文字垂直居中
- CSS样式(元素包含规范、规避脱标流、浮动盒子居中显示、图片和文字垂直居中对齐)
- 图片和文字垂直居中
- 图片与文字垂直居中
- 文字图片垂直居中小记
- CSS 图片+文字,文字垂直居中问题
- div标签中的文字如何垂直居中
- CSS - 实现图片垂直居中,文字垂直居中
- 文字和图片垂直居中问题
- css 总结 【垂直居中】【图片下方文字】
- html 文字 图片同行 垂直居中
- 图片和文字垂直居中的方法
- 轻松实现:垂直居中文字图片
- css 图片和文字同时垂直居中
- 【CSS】单行图片与文字垂直居中
- 图片右侧文字垂直居中显示
- 图片文字垂直居中的方法
- UIButton 设置图片文字垂直居中排列
- 计算机考试C随笔二
- 科技改变生活,浅谈LoRa与物联网技术
- 数据库登录ora-00845报错解决方法
- 使用grep查找指定目录下的关键字
- linux开启h2客户端
- 11.标签包含规范、规避脱标流、图片文字垂直居中
- OpenCV学习之图像分割
- linux下vim中文乱码的解决方法
- 上传图片显示
- 成本差距这么大?一文看懂NB-IoT与LoRa成本问题
- 第一次
- Java序列化和反序列化(未完成,待8.27更新)
- ios开发-StoryBoard 添加Entry point
- Java Web基础知识之Servlet(2):深入Servlet——HttpServlet