IE11和Edge的HTML设计区别答案

【问题标题】：Html Design difference between IE11 & EdgeIE11和Edge的HTML设计区别
【发布时间】：2018-10-29 14:21:37
【问题描述】：

我有一个现有的网页，我在其中插入了一个用于选择语言的选择列表，我的问题是 Internet Explorer 上的设计有问题，我的意思是菜单中有很多间距，但仅在这一部分。我想消除列表之前和提交按钮之后的过度间距。

列表的代码如下

        <tr>
            <TD  class=blue12bold vAlign=top background="Control_files/bg_navi.gif"  height="5%"><BR />&nbsp;&nbsp;&nbsp;Language
            </TD> 
        </TR>
                <tr>
                    <td class ="second" align="center">&nbsp;&nbsp;&nbsp;
                        <form method="POST" >
                            <SELECT name="language"  >
                                <?php
                                    $lang_select_list_array = array("ro","en","de");
                                    foreach ($lang_select_list_array as $value) {
                                        echo "<option value=\"$value\"";
                                        if ($value == $language) {
                                            echo " selected ";}
                                        echo ">$value</option>";
                                        }

                                ?>
                            </SELECT>
                            <br />
                            <input type="submit" value="Set" style="height:20px; width:80px">

                        </form>
                    </td>
                </tr>

【问题讨论】：

我认为你的重置 css 有问题。因为我看到行高和表格默认属性略有变化。如果您看到标题“语言”，则在 IE 资源管理器中可以看到顶部和底部的一些间距。检查您在“.second”类属性中是否有任何高度。
我重写了这个 menu.php 什么是子框架，以前是 html 4.0，现在使用 html 5，在所有浏览器上都是相同的视图。

标签： html css internet-explorer microsoft-edge

【解决方案1】：

我能够通过从 html 4.0 更改为 html 5 来解决此问题，现在它在所有浏览器上都以相同的方式显示。

【讨论】：