怎么样使LI并列>表现/h2>
要头脑灵活啊 li是块级元素 要并列起码两种方法1.行内元素都在行上 把li变成行 ul li{display:inline;}这样缺点是dom取到li准确宽度属性 如offset scroll 还 你li后回车换行 li标签之间空白2.浮动块级元素会在行 ul li {float:left} 这样话li回车换行会被浮动所挤掉 算是比较完美方法
table和ul的区别
table:宽度自适应,或者简单的宽度控制
ul-li:用浮动和百分比

ul-li:用弹性盒子
今天纠结的小点:
如果要行可点击时,排除 table,用 ul。
如果有页签切换,直接用 table 不可行:如果宽度纯自适应,那切换时列表看起来会抖,体验>欠好/p>
宽度的分配问题:百分比不好设置,尤其移动端屏幕宽度不定。有时窄屏下刚刚好的比例到宽屏下就有些空荡不协调了;宽屏下合适的比例在窄屏下又被挤的掉下去了-这个很严重的。
先说说这三种布局的特点:
table
1.没有行点击的,可用
2.没有页签切换的,可用:要保证tab切换时视觉上的不抖动,就得设置百分比。
3.列中有换行,同行要保持垂直对齐的
总之:横竖的对齐+内容的自适应+行不会掉下来,这三点就让原生的 table 天生棒棒哒。
但是一旦要加额外限制,table 就显得有点重了。额外限制包括:行可点击-不能实现;不同即有宽度-又有样式限制限制-html层次就深了。
float 加 %
兼容性挺好:各种浏览器都支持,而且表现也较>同等/p>
问题1:移动端宽度设置不好设置—原因如今天纠结的3—你看,这个时候table就比较好了-原生的对齐就很>和谐/p>
问题2:一个宽度要改,其余的比例也都要适当地重新计算再修改,不方便。
问题3:多行时,列的对齐又不好控制-当列的宽度不是定死的时候。灵活就会导致潜在的不对齐。
html中li怎么换行
标签如果不设定做浮动动作的话是默认换行的,如果你没有设定且没有换行,应该是继承了上面的左浮动(float:left),可以使用clear:both或者clear:left清除一下。
在html中,li的英文全称为“list item”,意思为“列表项”,是一个定义列表项目的元素标签,语法“<li>列表项内容</li>”;“<li>”标签可用在有序列表 “<ol>”和无序列表“<ul>”中。