在css中，可以借助float特性来将ul文本变为横着排序，只应该给ul目录的li原素加上“float:left;”款式，让li原素往左边波动就可以。
本实例教程作业环境：windows7系统软件、CSS3&&HTML5版、Dell G3计算机。
默认设置ul目录是纵向排序：
<ul>
<li>检测文字1</li>
<li>检测文字1</li>
<li>检测文字1</li>
</ul>
设计效果图：
那样怎样把ul文本变为横着排序？可以借助float特性。
下边根据编码实例一起来看看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul li{
float: left;
margin-right: 30px;
}
</style>
</head>
<body>
<ul>
<li>检测文字1</li>
<li>检测文字1</li>
<li>检测文字1</li>
</ul>
</body>
</html>设计效果图：
（学习培训视频共享：css视频教学）
以上就是关于css如何把ul文本变为横着排列具体内容，大量欢迎关注AdminJS其他类似文章！
声明：本文为原创，版权声明：本文采用[BY-NC-SA]协议进行授权,如无特别说明,转载必须注明本文地址!
原文地址：css如何把ul文本变为横着排列发布于2023-05-27 18:45:02
