Home > Web Front-end > HTML Tutorial > 移动页面div居中效果代码_html/css_WEB-ITnose

移动页面div居中效果代码_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:33:46
Original
2552 people have browsed it

在线查看效果:
http://hovertree.com/texiao/mobile/4.htm

可用手机浏览器查看

以下为HTML文件:

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1" /><title>移动页面div居中效果-移动</title><base target="_blank"/><meta charset="utf-8" /><style>.hovertreecenter{width:80%;margin:0px auto;border:1px solid gray;}a{color:blue;text-decoration:none;}</style></head><body><div class="hovertreecenter">这是一个div,用手机浏览器打开可见居中。当然用PC浏览器也是居中的。但更适合多种移动浏览器。居中代码请看 .hovertreecenter类样式。<br /><a href="http://hovertree.com">首页</a> <a href="http://keleyi.com">柯乐义</a> <a href="http://tool.keleyi.com">工具</a> <a href="http://m.hovertree.com">答题</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/hvtart/bjae/t2lo8pf7.htm">原文</a><br /><br />猜几个灯谜(谜面包含“起”):<br /><a href="http://m.hovertree.com/miyu/bjae/ky5dbn94.htm">1 头上青丝盘绕起(3字旅游新词)</a> <br /> <a href="http://m.hovertree.com/miyu/bjae/mr8uuo1i.htm">2 晨起山间飞鸟鸣 (打一字)</a> <br /> <a href="http://m.hovertree.com/miyu/bjae/ousx0rqh.htm">3 左看马靠它,右看它靠马,两边一起看,脚踩万里沙。 (打一字)</a><img  src="http://m.hovertree.com/tu/baje/mm.jpg"/ alt="移动页面div居中效果代码_html/css_WEB-ITnose" ><br /> 第二个解析 :晨起为“日”,山间为“丨”,飞鸟鸣为“口”,“飞”为减损词,解读为“鸣”的“鸟”飞走了。谜底为:呻</div></body></html>
Copy after login


 

web前端: 

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template