表格布局,导航条里面的logo和内容怎么居中?

表格布局,导航条里面的logo和内容怎么居中?



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

你好,老师!我想问一下这个作业的导航条内容怎么居中?

下面是我做的导航条和代码,你能帮我看一下吗?

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

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


正在回答 回答被采纳积分+1

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

6回答
小丸子爱吃菜 2018-01-09 10:41:28

测试你发的部分代码,没有问题啊

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

右侧下拉列表,将文字放在form里,与select标签放在一起就可以,你要是觉得你的不居中,再自己调整一下td的宽度就可以

  • 提问者 慕码人8173882 #1
    可我的电脑 显示页头部分很长 导航项文字内容全靠右显示 都挤在一起,我也不知道怎么回事!
    2018-01-09 10:45:22
提问者 慕码人8173882 2018-01-08 19:38:16

老师!

我还是做不粗来!下面是我改的代码 还是不居中 

而且页面其他的内容 也不居中了  !

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

<table width="100%" cellspacing="0" cellpadding="0" >
   <tr width="100%" bgcolor="#E1F2F9" height="80px" align="center"  >
       <td width="20%" align="center">
           <img src="images\logo.png"  height="80px" align="left" >
       </td>
       <td width="60%" align="center">
               学校概括&nbsp;&nbsp;机构设置&nbsp;&nbsp;
               师资队伍&nbsp;&nbsp;科学研究&nbsp;&nbsp;
               招生就业&nbsp;&nbsp;图书馆&nbsp;&nbsp;
               校长信箱&nbsp;&nbsp;校园导航
       </td>
       <td width="20%" align="center" >
           快速通道:
           <form>
               <select>
                   <option value="volvo" selected>volvo</option>
               </select>
           </form>
       </td>
   </tr>

小丸子爱吃菜 2018-01-08 18:50:04

头部的布局可以再简化下:

tr中3个td,logo是一个,导航项是一个,下拉列表是一个,logo和下拉列表宽度各站20%,导航项60%,这样整个导航项就居中显示了。

还是要通过调整每个td的宽度去实现导航项的居中。

提问者 慕码人8173882 2018-01-08 18:46:41

页头导航不知道怎么居中  而且感觉一点都不简洁  还请老师帮我审查一下

小丸子爱吃菜 2018-01-08 17:52:24

请将你的代码粘贴上来,看截图,无法帮你定位问题所在。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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