2 for 2012 for_2012 于 2013.06.07 11:27 提问

webView内容水平和垂直都居中

需要水平和垂直居中webView的内容,我可以这样实现水平居中

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSString *bodyStyle = @"document.getElementsByTagName('body')[0].style.textAlign = 'center';";
    [self.webView stringByEvaluatingJavaScriptFromString:bodyStyle];
}

但是不知道怎么实现垂直居中?

2个回答

MrsSeven7
MrsSeven7   2013.06.07 14:00
NSString *bodyStyleVertical = @"document.getElementsByTagName('body')[0].style.verticalAlign = 'middle';";
NSString *bodyStyleHorizontal = @"document.getElementsByTagName('body')[0].style.textAlign = 'center';";
NSString *mapStyle = @"document.getElementById('mapid').style.margin = 'auto';";

[webView stringByEvaluatingJavaScriptFromString:bodyStyleVertical];
[webView stringByEvaluatingJavaScriptFromString:bodyStyleHorizontal];
[webView stringByEvaluatingJavaScriptFromString:mapStyle];

试试看

hjqiaho
hjqiaho   2016.06.16 12:33

@" var oantzone=document.getElementsByTagName('body')[0];var h=oantzone.offsetHeight;oantzone.style.position='absolute';oantzone.style.top='50%';oantzone.style.marginTop=-(h/2)+'px';"

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html中table表格内容水平垂直居中显示
html中table表格内容水平垂直居中显示  #basic-table td{  text-align: center;vertical-align:middle;}
水平居中&垂直居中常用方法总结
PS:本文是对本博客中转载的《垂直和水平居中方法小结》的删减及部分改动,均有实例展示 1 水平居中方法 1.1 文字的水平居中 代码: 水平居中 .box{ background-color: lightgreen; text-align: center; } 我要水平居中 我要水平居中 效果: 实现方式:对父元素
实现水平垂直居中的4种解决方案
观看完整代码和示例效果:https://lucyzlu.github.io/Web/align-center.html 1.基于表格样式 将要使内容居中的外层容器元素的display设置成table,内层内容块使用table-cell,然后分别设置水平和垂直居中: /*表格方案*/ #table-father{ ...
未知元素宽高垂直水平居中
方法一:思路:设置父元素为display:table,子元素dispaly:table-cell,在利用vertical-align:middle实现垂直居中,text-align:center实现水平居中。 优点:父元素(parent)可以动态的改变高度(table元素的特性) 缺点:ie8以下不支持方法二:思路:使用一个空标签span设置他的vertical-align基准线为中间,并且让他
多种方法实现水平居中和垂直居中总结
水平居中和垂直居中在编写HTML5静态页面过程中经常遇到,现在就来总结一下对于不同的元素如何实现居中。 一、水平居中: 1、对于行内元素,在父级块级元素css属性中使用 text-align:center即可。 2、对于width固定的块级元素,使用margin:20px auto; /* margin-left 与 margin-right 设置为 auto */ ...
实现div水平、垂直居中的几种方法
1、最常用的,也是最简单的(利用position定位、再用margin偏移) 实现div水平垂直居中 body{ background: #272822; } .test{ position: absolute; top:50%; left:50%; width: 100px; height: 100px; margin:-5
水平垂直都可滑动的HorizontalVerticalViewPager实现
水平垂直都可滑动的HorizontalVerticalViewPager实现自定义一个可以在垂直方向上滑动的ViewPager,同时支持水平和垂直方向手动切换和自动切换(根据手势判断),垂直方向的实现通过PageTransformer来完成,自动切换功能则涉及到手势的相关内容。一下是内容简介: 垂直滑动的ViewPager实现思路 PageTransformer的使用 手势事件的分发和处理 垂直滑动
显示窗口的水平和垂直滚动条
显示窗口的水平和垂直滚动条     由于在外读书,上网都是在网吧,所以回答问题,通常都是三言二语,没有说清楚,不过这一篇可是在寝室的电脑上完成的,当然还有上次回答天水的那篇.我学VB的时候,根本没有交流,那种困难不言而喻.现在能与大家一起谈论VB,是我当初所不敢想象的.好了,言归正传,切入今天的话题----显示窗口的水平和垂直滚动条:     在Delphi中,它的TFORM类可以自动显示水平
元素水平居中和垂直居中的方式
关于居中的问题,一直处于疑惑不解的状态,知道的几种方法好像也不是每一次都会起到作用,所以更加迷惑。主要是不清楚该 在什么情况下采用哪种解决方法,所以,整理了一些方法,梳理一下思路,做一个总结。 1. line-height使单行文本垂直居中 对于单行文本,可以设置它的行高等于它父容器的高度,这样就实现了该文本的垂直居中,但是此方法只适用于单行文本。 (其实严格意义上来说,文字并
用CSS/CSS3 实现 水平居中和垂直居中的完整攻略
水平居中:行内元素解决方案 只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:   .parent { text-align:center; } 水平居中:块状元素解决方案   .item { /* 这里可以设置顶端外边距 */ margin: 10px auto; } 水平居中:多个