问答博客标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

dw遇到如下问题怎么办，求大佬告知？

头像
21_57
    11
    新手上路，请多包涵

    dw遇到如下问题
    怎么将一个div标签与上面一个ul标签放在一排

    csshtml5
    阅读 1.1k
    1 个回答
    得票最新
    头像头饰
    陟上晴明
      21.1k124691

      有点没有理解你想要表达的样式，你是要说，你想把下方的这几个“游戏天下”、“战争策略” 这些内容和左边的这些 <ul>、<li> 元素对齐吗？

      但是如何用DW来实现已经不知道了，但是可以用简单的代码实现。
      比如说使用 flex 布局，HTML 和 CSS 就是如下结构：

      <style>
.wrap {
  display:flex;
}
</style>
<body>
  <div class="wrap">
    <ul class="left-menu">
      <li>战争策略/</li>
      <li>动作枪战/暗区突围</li>
      <li>赛车体育/狂野飙车/速/</li>
      <li>网游pg/火影忍者/原神/</li>
      <li>...</li>
    </ul>
    <div class="main-content">
      <h1>游戏天下 ></h1>
      <p>纵想游戏试接！ ></p>
      <h2>战争策略</h2>
      <p>剑与远征/三国战争/乱世王者/海岛奇兵/...</p>
      <h2>动作枪战</h2>
      <p>剑与远征/三国战争/乱世王者/海岛奇兵/...</p>
    </div>
  </div>
</body>

      image.png

      并且还有很多类的方式，具体可以参考这篇文章 👉 浅谈面试中常考的两种经典布局——圣杯与双飞翼

      查看全部 1 个回答
      推荐问题
      宣传栏