使用CSS使div与普通文本相同

时间:2013-01-20 12:42:16

标签: html css

我想让我的网站响应,

当宽度小于1024px时,我需要将div菜单项添加到菜单中。

当宽度超过1024px

时,我需要使用它
<div id="menu" >
    HOME
    TOP40
    DJS
        <div id="br"></div>
    SHOUTBOX
    VERZOEKJES
</div>

当宽度小于1024px时,我需要使用此

<div id="menu" >
    <div id="menu-item">HOME</div>
    <div id="menu-item">TOP40</div>
    <div id="menu-item">DJS</div>
        <div id="br"></div>
    <div id="menu-item">SHOUTBOX</div>
    <div id="menu-item">VERZOEKJES</div>
</div>

因此,当屏幕宽度超过1024px时,我想制作#menu-item 和文字一样,我已经尝试过浮动:左;但那没用。

抱歉,我不知道你需要什么样的代码 现场演示是随机的--radio.net

1 个答案:

答案 0 :(得分:1)

您需要阅读CSS媒体查询,这是一篇很好的文章:http://css-tricks.com/css-media-queries/