我试图创建一个编号列表,其中每个li元素都包含一个图像和一个文本块。列表号、图像和文本块都应该沿水平中心线垂直对齐.文本块可以是多行。下面是一个非常粗略的例子:
我实现的最接近的是下面,它对底部的列表号(在Chrome 15,火狐8,IE9测试)。另见。
<style type="text/css">
li div { display: inline-block }
li div div { display: table-cell; vertical-align: middle }
</style>
<ol>
&l
我在 on StackOverflow上查过IE8中的setCenter和谷歌地图,但它们似乎都没有描述我所看到的问题。我的javascript代码在可折叠的div中构造映射对象,并且由于google映射的实现,在显示div时需要调整大小/重新中心操作。
该代码在IE9/10、火狐、Safari和Chrome中运行良好,但在IE8中不起作用--调整大小可以,但地图不是中心的,而是标记出现在左上角,就在可视区域外(这意味着setCenter调用什么也不做)。
调整大小/中心代码如下:
var center = map.getCenter();
google.maps.event.trigger
为了修复IE9错误,我不得不在页面顶部放置'DOCTYPE‘声明:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php
require_once 'navBar.php';
?>
通过将DOCTYPE放在文件的顶部,我修复了IE9的一个错误。
IE9中的“bug”是--没有文件顶部的DOCTYPE --任何具有内联块样式的div都将忽略内嵌块样式,并将垂直堆叠
我试图弄清楚如何将图像中心到页面,而不是列表项。
例如:
<div class="page">
<!-- Margin could be anything -->
<ul style="margin-left: 80px">
<li>
Some text. <!-- This could be really long -->
<figure>
<img class="image" src="http://p