Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
365 views
in Technique[技术] by (71.8m points)

为什么html代码设子还的长宽和浏览器调试结果不同?

小弟是学生,为什么html代码设置的长宽和浏览器调试结果不同。如图。
图上蓝色部分,右下部分代码设置width为130 height为20。右下调试部分实际为238和25,左上实际网页部分为240和27。差别的2是因为边框,可是为什么设置为130,结果为240呢。谢谢高手大家。

<html>
<table background="https://img.alicdn.com/imgextra/i1/30446694/TB2VA8nhVXXXXXnXpXXXXXXXXXX-30446694.gif" border="0" height="120" width="950">
    <tbody>
        <tr>
            <td>
                <table border="0" height="110" width="950">
                    <tbody>
                        <tr>
                            <td height="20" width="130">
                                &nbsp;
                            </td>
                            <td width="240">
                                &nbsp;
                            </td>
                            <td width="140">
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td style="text-align:center;" valign="top">
                                 <span style="color:rgb(224,102,102);"> </span><span style="color:rgb(0,0,0);"><span style="color:rgb(224,102,102);"><span style="font-family:simhei;"><span style="font-size:32px;"><strong> XXXXXXXXXX </strong></span></span> </span><br />
                                 </span>
                            </td>
                            <td>
                                &nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                &nbsp;
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
</html>

图片描述


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

table 里面的单元格宽度默认是根据自身内容宽度来自适应的,所以设置宽度无效!如果你想设定宽度需要将table的table-layout属性设置为fixed


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
...