如何用嵌入式css样式将<ul>块状元素变成内联元素

来源:12-3 我要和你站一起 - 内联元素

慕粉1114061388

2017-03-29 11:19


ul{

    display:inline;

    text-decoration: underline;

    float:left;

    background-color:green;

   

}

</style>

</head>

<body>

<a href="http://www.baidu.com">百度</a><br/>

<a href="http://www.imooc.com">慕课网</a>

<span>33333</span>

<span>44444</span><em>555555</em>

<ul>

    <li>1苦海泛起爱恨</li>

    <li>1在世间难逃命运</li>

    <li>1相亲竟不可接近</li>

    <li>1或许我应该相信是缘分</li>

    <li></li>

</ul>

<ul>

    <li>2苦海泛起爱恨</li>

    <li>2在世间难逃命运</li>

    <li>2相亲竟不可接近</li>

    <li>2或许我应该相信是缘分</li>

    <li></li>

</ul>

</body>

如何更好
的提问?
代码语言
写回答 关注

2回答

  • xautdestiny
    2017-03-29 11:30:04

    ul是块级元素,当然块状元素也可以通过代码display:inline将元素设置为内联元素。

    如下代码就是将块状元素div转换为内联元素,从而使 div 元素具有内联元素特点。

    div{     display:inline;
    }

    ......

    <div>我要变成内联元素</div>


  • fullstack_xixi
    2017-03-29 11:23:57

    ul{

        display:inline;

        text-decoration: underline;

        float:left;

        background-color:green;

       display:inline;

    }


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225813 学习 · 18234 问题

查看课程

相似问题