我有一个<table>,并且在一个<div>中放置了6个以上的td,然后更改了display:inline,以将这些<div>一起显示在里面。但是它只在第一行显示最多5个<div>,在其他第一行显示其他内容!哪里错了?这是我的代码: <tr> <td> <div id="navigation"> Home </div> <div id="navigation"> Item1</div> <div id="navigation"> Item2 </div> <div id="navigation"> Item3</div> <div id="navigation"> Item4 </div> <div id="navigation"> Item5 </div> <div id="navigation"> Item 6 </div> <div id="navigation"> Item 7</div> </td > </tr>CSS代码:#navigation{ display:inline; padding:0px 10px 0px 10px;}这是设计视图: 最佳答案 您正在使用table进行布局,请使用div代替,是的,肯定不会引发任何错误,但是您在做什么在语义上是不正确的...正确的方法和更好的方法是使用display: inline-block; CSS属性将其作为无序列表<ul> <li>Demo 1</li> <li>Demo 2</li> <li>Demo 3</li> <li>Demo 4</li> <li>Demo 5</li></ul>ul li { display: inline-block;}您还可以将ul包裹在HTML5元素nav中,以提供一个意思,这是一个导航,您可能会将a元素嵌套在支架内,因此对display: block;使用元素会很有意义
10-05 20:25
查看更多