本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
默认ul列表是竖向排列:
- 测试文本1
- 测试文本1
- 测试文本1
效果图:
那么如何把ul文字变成横向排列?可以利用float属性。
下面通过代码示例来看看
ul li{ float: left; margin-right: 30px; }
- 测试文本1
- 测试文本1
- 测试文本1
效果图:
转载请注明:IT运维空间 » web技术 » css怎么把ul文字变成横向排列 css怎么把文字横排在div里
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
默认ul列表是竖向排列:
效果图:
那么如何把ul文字变成横向排列?可以利用float属性。
下面通过代码示例来看看
ul li{ float: left; margin-right: 30px; }
效果图:
转载请注明:IT运维空间 » web技术 » css怎么把ul文字变成横向排列 css怎么把文字横排在div里
发表评论