HTML 元素居中的方法
2024-09-11 04:36:23
网址:http://www.cnblogs.com/asqq/archive/2012/04/09/2438745.html
1. 元素的定位的方法选择 :absolute 。
2. 给定元素的宽和高。
3.因为是absolute定位的方法, 用百分比的方法,借用left和top的属性,将元素的左上顶点的坐标定位到屏幕的中心。
4. 矫正图片的位置,margin-top和margin-left可以为负数时的属性作用,将margin-left和margin-top的值,分别定位元素宽和高的值的一半,并取为负数。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Hello The World!</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<style>
#feeling{
background-color: #0000CD;
position: absolute;
width: 800px;
height: 600px;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -400px;
}
</style>
</head>
<body>
<id id="feeling">
</id>
</body>
</html>
最新文章
- KMP快速字符串匹配
- Tomcat日志输出在linux和windows差异
- C#高级编程四十九天----队列
- Goole音乐搜索
- java 读文件 解析
- ubuntu-17.10 安装 FANN
- UNIX网络编程——心跳包
- BeautifulSoup爬网页图片
- python cookbook 小结
- java之JVM(一)
- 【原创】驱动加载之OpenService
- Algorithm Visualizer
- 【问题与解决】怎么删除TFS云端上的项目
- 在eclipse中启动java程序的时候,每次都会在一个未设置断点的源码里面,卡断点
- 20175316盛茂淞 2018-2019-2 《Java程序设计》第3周学习总结
- LeetCode 657 Robot Return to Origin 解题报告
- Redis:高性能文件缓存key-value储存
- 【疑难杂症04】EOFException异常详解
- Android检查设备是否可以访问互联网,判断Internet连接,测试网络请求,解析域名
- 使用 ADOX 将 Table 添加到 Catalog 时报“类型无效”的原因和解决方法
热门文章
- 在 ABP vNext 中编写仓储单元测试的问题一则
- C#中使用StreamReader实现文本文件的读取与写入
- java使用FileSystem上传文件到hadoop分布式文件系统配置
- yolo进化史之yolov3
- Centos第一次使用配置IP地址
- web前端开发面试题(附答案)-1
- if [ $# -ne 1 ] 作用
- shell判断文件目录或文件是否存在
- 【ADO.NET基础-Regidter】简单的账户注册界面和源代码(可用于简单面试基础学习用)
- .Net Core 商城微服务项目系列(二):使用Ocelot + Consul构建具备服务注册和发现功能的网关