HTML页面布局
来源:互联网 发布:淘宝限定皮肤cdk哪来的 编辑:程序博客网 时间:2024/06/05 03:28
在用使用MUI的同时,发现了一些页面布局的问题
1.在嵌套多个DIV后,使用margin:0 auto;text-align:center无法使最后一层div中的文字居中的问题:
在最后一层包裹的div中,使用style="display:flex;justify-content:center;align-items:center;"
2.一层div内,两个div并列的并列问题
<div style="margin:2%;background: gainsboro;text-align: center;height: 36%;position: absolute;width: 96%;">
<h3 style="padding: 5%;">路线ID</h3>
<div class="centerDiv" style="float: left;background-color: #EE8262;height:50%;width: 40%;margin-left: 5%;">
<span>5.6KM</span>
</div>
<div class="centerDiv" style="background-color: #EE8262;height: 50%;width: 40%;margin-left: 55%;">
<span>330</span>
</div>
</div>
3.关于布局规范
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<script src="test.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>
<style type="text/css">
</style>
<link rel="stylesheet" type="text/css" href="test.css"/>
</head>
<body>
</body>
</html>
-->
- HTML页面布局方式
- 关于html页面布局
- html 页面布局样式
- HTML页面布局
- HTML页面布局基础
- HTML页面布局
- html页面框架布局
- HTML页面布局
- HTML 页面源代码布局介绍
- 使用HTML进行页面布局
- html DIV+CSS 页面布局
- Sahrepoint2013 创建HTML布局页面
- 关于html前端页面布局
- html之frameset页面布局
- HTML 后台管理页面布局
- layoutit+Bootstrap html页面布局+CSS
- <!DOCTYPE html> 很重要 (引起页面布局错位)
- HTML页面布局与文字设计
- location配置介绍
- curl的简单使用
- 8皇后问题
- tkinter # If this fails your Python may not be configured for Tk解决方法
- Python 函数 类
- HTML页面布局
- java 简单排序
- 学习日记-Git快速教程
- PowerDesigner最基础的使用方法入门学习
- 为什么新生代内存需要有两个Survivor区
- 生成webservice接口以及通过客户端调用接口。
- Hdoj 1263 水果
- 【matlab 数据处理】excel读取和写出,匹配
- 不做手机控