haoihfoiahf的博客

原创 html如何让＜li＞在同一行

html与css创建网页中，我们有时候想让li元素在同一行显示，像这样：但是由于li是块元素,所以默认情况当我们使用li，它会自动换行，像这样：为了让元素到同一行，我们需要创建css文件，并且使用float使元素变为同一行：在css的中添加：float:left,添加之后会变成这样：因为没有调整padding，所以选项的文字连续在一起，并且导致项目符号重叠在文字上，这时候可以根据个人需要，调整css中的的padding（内边距），就可以调整字体间距的大小例如添加：之后，网页就变成了：之