Question

我正在处理Windows Phone 8 app我的WebBrowser Control

中有这个HTML

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta content="width = device-width" name="viewport">
      <style type="text/css">
        #Geo
        { 
        text-shadow:0pt 1.4pt #ffffff; 
        font-family:MyCustomFont;
        font-size:14.0pt; 
        text-align: left;
        vertical-align:middle;
        line-height: normal;
        }  
        #p1
        {
        font-family:MyCustomFont;
        text-align: left; 
        color:#F19B11;
        } 
        #p2
        {
        font-family:MyCustomFont;
        text-align:left; 
        font-size:95%; 
        padding-left: 1.2em;
        }
      </style>
  </head>
  <body id="Geo">
    <p id="p1">
      <img src="image.png" width="60px" height="60px" align="absmiddle"></img>&nbsp;<b>Definition</b>
    </p>
    <ul style="margin-left: 0; padding-left: 1.2em;">
      <li>blah blah ablah blah blah .</li>
      <li>some text some text some text some text some text some text.</li>
    </ul>
</body>
</html>

在Above Html中有两个问题：

image.png右侧的文字不是vertically center
子弹不合适 - 它开始向左极端

请帮我解决这个问题。

Answer 1

请添加doctype标记。

<!DOCTYPE html>

如果您的html代码没有doctype标记，WebBrowser Control将在quirk模式下呈现它。

WP8 Web浏览器控件 - css vertical-align：middle;不工作

1 个答案: