如何让导航栏在一行上全屏显示以及设置百分比让其居中显示
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让导航栏在一行上全屏显示以及设置百分比让其居中显示相关的知识，希望对你有一定的参考价值。
下面是我写的代码，就是不能成功，哪位高手帮忙看一下？
#navwidth:100%;margin:0 auto;list-style:none
#nav lifloat:left
#nav li a padding:10px 5%;background:url(12.png);display:block;text-decoration:none;
#nav li a:hoverbackground:#333333;border-bottom:4px;color:#FFFFFF
<div id="nav">
<li><a href="#" class="STYLE1">网站首页</a></li>
<li><a href="#" class="STYLE1">关于我们</a></li>
<li><a href="chanpinzhanshi.html" class="STYLE1">产品展厅</a></li>
<li><a href="#" class="STYLE1">联系配送</a></li>
<li><a href="#" class="STYLE1">在线购物</a></li>
<li><a href="#" class="STYLE1">后台管理</a></li>
</div>
衷心的感谢您的帮忙！
<head>
<style>
* margin:0; padding:0;
body height:100%;text-alitn:center
#navwidth:100%;height:100%; position:absolute;margin:0 auto;background:#ff0000; list-style:none
#nav lifloat:left
#nav li a padding:10px 5%;background:url(12.png);display:block;text-decoration:none;
#nav li a:hoverbackground:#333333;border-bottom:4px;color:#FFFFFF
</style></head>
<body>
<div id="nav" >
<li><a href="#" class="STYLE1">网站首页</a></li>
<li><a href="#" class="STYLE1">关于我们</a></li>
<li><a href="chanpinzhanshi.html" class="STYLE1">产品展厅</a></li>
<li><a href="#" class="STYLE1">联系配送</a></li>
<li><a href="#" class="STYLE1">在线购物</a></li>
<li><a href="#" class="STYLE1">后台管理</a></li>
</div></body></html>
参考资料：http://www.51weidi.com/
参考技术A <htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*
margin:0;
padding:0;
body
height:100%;text-alitn:center
#navwidth:100%;height:100%;
position:absolute;margin:0
auto;background:#ff0000;
list-style:none
#nav
lifloat:left
#nav
li
a
padding:10px
5%;background:url(12.png);display:block;text-decoration:none;
#nav
li
a:hoverbackground:#333333;border-bottom:4px;color:#FFFFFF
</style></head>
<body>
<div
id="nav"
>
<li><a
href="#"
class="STYLE1">网站首页</a></li>
<li><a
href="#"
class="STYLE1">关于我们</a></li>
<li><a
href="chanpinzhanshi.html"
class="STYLE1">产品展厅</a></li>
<li><a
href="#"
class="STYLE1">联系配送</a></li>
<li><a
href="#"
class="STYLE1">在线购物</a></li>
<li><a
href="#"
class="STYLE1">后台管理</a></li>
</div></body></html>
如何强制在 UIWebView 中播放的视频在 iPad 上全屏显示？
【中文标题】如何强制在 UIWebView 中播放的视频在 iPad 上全屏显示？【英文标题】：How can I force a video played in a UIWebView to be full screen on an iPad? 【发布时间】：2013-01-09 19:52:30 【问题描述】：我正在使用 UIWebView 播放 YouTube 视频，如下所示：
self.webView.mediaPlaybackRequiresUserAction = NO;
self.webView.allowsInlineMediaPlayback = NO;
[self.webView loadHTMLString:videoEmbedCode baseURL:nil];
我想强制视频全屏播放，而无需用户点击右下角的按钮。这在 iPhone 上运行良好（点击播放器播放并自动进入全屏），但在 iPad 上不起作用（显示正常的内联播放器）。
我认为将 allowsInlineMediaPlayback 设置为 NO 可以解决问题，但显然不是。
有没有办法强制 HTML5 视频在 iPad 上全屏播放？
【问题讨论】：
您找到解决方案了吗？ 【参考方案1】：如果您尝试直接全屏播放 youtube 视频，请使用大小为 fullScreen 的 webview，然后相应地处理其旋转并更改播放器的旋转大小。如果您需要更多帮助，那么我也可以帮助您编写代码，了解如何更改播放器的旋转尺寸。
【讨论】：
那只是一个大的内联播放器，不是全屏的。全屏隐藏状态栏，激活不同的控件，有不同的动画等等。 是的，几个月前我遇到了同样的问题，我必须使用这个大的网络视图来加载视频，因为在 ipad 中这是不可能的，但是有一些免费项目可用GitHub 提供了与 IOS 原生播放器非常相似的播放器，你也可以使用。以上是关于如何让导航栏在一行上全屏显示以及设置百分比让其居中显示的主要内容，如果未能解决你的问题，请参考以下文章
为“iPhone”设置的应用程序，但它仍然可以在 iPad 上全屏显示？ [关闭]