老师这段为什么logo和右边快捷通道要设置20%呢,不设置结果是一样的啊

老师这段为什么logo和右边快捷通道要设置20%呢,不设置结果是一样的啊

<table align="center" width="100%" >

<tr>

<!--logo--------------------------------------------------->

<td width="20%">

<img src="images/logo.png" />

</td>

<!--中--------------------------------------------------->

<td align="center">

<table>

<tr>

<td> 学校概况 &nbsp;&nbsp;&nbsp;</td>

<td> 机构设置&nbsp; &nbsp;&nbsp;</td>

<td> 师资队伍&nbsp; &nbsp;&nbsp;</td>

<td> 科学研究&nbsp; &nbsp;&nbsp;</td>

<td> 招生就业 &nbsp;&nbsp;&nbsp;</td>

<td> 图书馆&nbsp; &nbsp;&nbsp;</td>

<td> 校长信箱 &nbsp;&nbsp;&nbsp;</td>

<td> 校园导航 &nbsp;&nbsp;&nbsp;</td>

</tr>

</table>

</td>

<!--右--------------------------------------------------->

<td width="20%">

<form>

快捷通道:

<select>

<option>Volvo</option>

</select>

</form>

</td>

</tr>

</table>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,关于同学的问题回答如下:

1、可以设置为别的值,没有必要非得是20%,只要两边宽度相等,界面美观即可。

2、是的,如果不设置宽度的话,它的宽度就会由内容撑开,而内容的宽度是不一定的,就会导致两边的宽度不一致。

好帮手慕粉 2020-08-13 09:46:14

同学你好,不设置的话,导航项是不能实现完全水平居中的,这是去掉以后的:

http://img1.sycdn.imooc.com//climg/5f3499e809027bfa19200172.jpg

设置了左右宽度,就能完全水平居中了:

http://img1.sycdn.imooc.com//climg/5f349a45094308dc19200169.jpg

另外,最后一个导航项不需要设置空格:

http://img1.sycdn.imooc.com//climg/5f349a22096d193d05250090.jpg

如果我的回答帮助了你,欢迎采纳。祝学习愉快~

  • 提问者 樱桃小团子 #1
    那不设置20%,设置别的数值,只要左右两边设置的百分比一样就行了吗? 然后还是有点搞不懂为什么设置了之后才会完全居中,是不是不设置的话,中间部分,会随着logo图片的宽度,而跟着偏移?
    2020-08-13 11:56:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师