Javascript html中的列表将转到下一行，留下空白

我使用以下代码在我的html网站中列出了一些图像：

#tabss li
{
浮动：左；
文本对齐：居中；
字体系列：Arial；
字体大小：14px；
颜色：#fff；
宽度：205px；
填充：20px 0px；
列表样式类型：无；
}
#塔布斯·李·伊姆
{
边缘底部：10px；
宽度：50px；
高度：自动；
边框：5px实心#fff；
边界半径：50%；
背景：#fff；
}
#李泰布斯：第n个孩子（1）{背景：#00C3FF；}
#李泰布斯：第n个孩子（2）{背景：#00B8F0；}
#李泰布斯：第n个孩子（3）{背景：#00ACE0；}
#李泰布斯：第n个孩子（4）{背景：#00A2D4；}
#李泰布斯：第n个孩子（5）{背景：#0097C4；}
#李泰布斯：第n个孩子（6）{背景：公元0085年；}
氢
{
边际：0px；
填充：0px；
字体大小：16px；
字体大小：正常；
}
#李泰布：悬停
{
利润上限：-20px；
填充：20px 0px 40px 0px；
光标：指针；
-webkit过渡：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
过渡：所有0.3秒缓解；
}
#李泰布斯：悬停img
{
边框：5px实心#7ED3ED；
-webkit过渡：所有1s轻松；
-o-过渡：所有1容易；
-moz转换：所有1秒轻松；
-ms转换：所有1秒轻松；
转换：所有1都很容易；}
#tabss li:悬停h2{颜色：#ACE2F2F2；
}

关于我们


服务


客户


成就


游览


联系我们

没有足够的空间容纳最后一个元素，因此您有一个包裹。若要从ULP中删除填充/边距，请告诉我如何将所有内容放在一行中，确保元素的总宽度不超过屏幕的宽度。实际上，您正在设置200px的宽度，因此对于某些屏幕大小，它们无法在整个页面视图中运行您的代码段。已经排在一行了。