css怎么让li强制不换行

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

css强制li不换行的方法：1、使用display属性，将li元素转换为内联元素或行内块元素，元素前后没有换行符，也就无法换行了。2、使用float属性，给li元素添加“float:left;”样式，将li元素浮动并排显示。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

li默认是块状元素，总是在新行上开始，占据一整行。

1

2

3

4

5

6

7

8

9

10

11

<ul>

    <li>

        <a href="http://www.php.cn/">首页</a>

    </li>

    <li>

        <a href="http://www.php.cn/">关于我们</a>

    </li>

    <li>

        <a href="http://www.php.cn/">联系我们</a>

    </li>

</ul>

效果图：

1.png

那么如何强制让li不换行？可以利用display或者float属性，下面来详细介绍一下。

方法1：使用display属性

阅读剩余部分

相关阅读 >>

css怎么取消颜色

纯css实现加号“+”效果（代码示例）

css字体乱码怎么办

详解angular中为html元素添加css类的几种方式

css如何修改字体为华文行楷

css text-decoration-color属性怎么用

怎样用css3制作登录框

css中内联元素可继承的属性有哪些？

如何自定义video播放器样式？

css三种样式表写法是什么

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...