当前位置: 首页 > 面试题库 >

如何制作 横排显示

戴瑞
2023-03-14
问题内容

如何使用CSS使列表项连续水平显示?

#div_top_hypers {

    background-color:#eeeeee;

    display:inline;

}

#ul_top_hypers {

    display: inline;

}


<div id="div_top_hypers">

    <ul id="ul_top_hypers">

        <li>&#8227; <a href="" class="a_top_hypers"> Inbox</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Compose</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Reports</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Preferences</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> logout</a></li>

    </ul>

</div>

问题答案:

列表项通常是块元素。通过display属性将它们变成内联元素。

在给出的代码中,您需要使用上下文选择器使该display: inline属性应用于列表项,而不是列表本身(应用于display: inline整个列表将无效):

#ul_top_hypers li {
    display: inline;
}

这是工作示例

#div_top_hypers {

    background-color:#eeeeee;

    display:inline;

}

#ul_top_hypers li{

    display: inline;

}


<div id="div_top_hypers">

    <ul id="ul_top_hypers">

        <li>&#8227; <a href="" class="a_top_hypers"> Inbox</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Compose</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Reports</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Preferences</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> logout</a></li>

    </ul>

</div>


 类似资料:
  • 我刚刚开始学习Jetpack Compose,它真的很好,UI是如此简化。我正在学习如何使用Jetpack组合实现所有XML视图,如(Lazycolumn)等。 我想知道如何在Jetpack Compose中显示AdMob横幅广告。我知道我们可以使用互操作性API使用经典的XML视图。 有没有一种组合方式来实现Admob?或者我只能使用 AndroidView 以编程方式创建横幅广告视图。

  • 我使用Owl Carousel在带有Javascript和jQuery的Carousel中显示图像。我有肖像和风景图片,还有CSS: 横向图像遵守宽度的100%限制,全图显示在屏幕上;肖像图像不符合100%的高度限制,图片显示在一个或两个屏幕上,需要向下滚动。我希望纵向图片能够调整大小,并在横向屏幕上完全显示,就像我希望横向图片能够在纵向屏幕上完全显示一样。 我用CSS尝试了最大高度和最大宽度的解

  • 问题内容: 我在一个Android应用程序上工作,我对使用库执行网络http调用非常感兴趣。 但是我的问题是,我发现该库在不同的后台线程中进行操作,然后如何显示http请求何时开始执行,然后在执行后将其关闭。 提前致谢。 问题答案: 非常简单。将请求对象添加到队列后,启动进度对话框。 从服务器收到响应后,请关闭该对话框。

  • 我有一个: 我需要这样做: 但我确实这样做了,我收到了一条消息:无法调用forEach((e)- 我做错了什么?如何为每个人做到这一点?

  • 我想创建一个底部工作表对话框。看起来像下面的图像在这里输入图像描述 我尝试过许多方法,如SharedPreferences。但它不起作用

  • 我在下面的代码中尝试实现的是,默认情况下,当我单击home复选框时,不显示home标题和段落,然后显示它 当我解开它的时候,它就隐藏起来了 我的功能在下面的代码中运行良好,但我无法实现这一点 当我点击home复选框,然后段落显示,当取消点击,然后隐藏 检查我下面的代码,当我运行文件时,我在我的代码中发布,默认情况下,主页段落显示。 但我想实现后点击复选框,然后显示所有的东西。并且我想尝试当我运行页