ホームページ > ウェブフロントエンド > htmlチュートリアル > モバイル ページ div センタリング効果 code_html/css_WEB-ITnose

モバイル ページ div センタリング効果 code_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:33:46
オリジナル
2555 人が閲覧しました

効果をオンラインで表示します:
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"/><br /> 第二个解析 :晨起为“日”,山间为“丨”,飞鸟鸣为“口”,“飞”为减损词,解读为“鸣”的“鸟”飞走了。谜底为:呻</div></body></html>
ログイン後にコピー


ウェブフロントエンド:

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート