ul列表项为横向排列

最新推荐文章于 2021-03-16 18:09:38 发布

wwttqq85538649

最新推荐文章于 2021-03-16 18:09:38 发布

阅读量4.2k

点赞数

分类专栏： css 文章标签： float xhtml html 文档

本文链接：https://blog.csdn.net/wwttqq85538649/article/details/5547053

版权

css 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

在设计导航栏时，是否经常碰到不知如何设置让项目列表中的项的排列方向变成横向。在这里，我将告诉大家如何设置。

如何设置呢？请看下面的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">ul{ list-style:none; position:absolute; left:400px; top:34px; } li{ float:left; padding:5px; }</style> </head> <body> <ul> <li>jjj</li> <li>jjj</li> <li>jjj</li> <li>jjj</li> </ul> </body> </html>

要点设置li中的float未left 如下li{

float：left；

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wwttqq85538649

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ul列表项为横向排列

在设计导航栏时，是否经常碰到不知如何设置让项目列表中的项的排列方向变成横向。在这里，我将告诉大家如何设置。如何设置呢？请看下面的代码：无标题文档<!--ul{ list-style:none; position:absolute; left:400px; top:34px;}li{float:left;padding:
复制链接

扫一扫