时间戳

首页 > 解决方案 > 如何使用 CSS 定位/对齐按钮

javascript - 如何使用 CSS 定位/对齐按钮

问题描述

我正在学习网页设计，我正在努力定位一个按钮。我是一名初学者，正在尝试重新创建英雄联盟客户端，该客户端在浏览器中非常简单，只是为了锻炼，但我不知道如何使用 javascript，也无法在线找到解决方案。

所以这就是我想要的样子：https ://prnt.sc/pos3gf

我尝试在列表中添加徽标和按钮，display: inline但那并没有真正起作用，或者我只是不知道如何使它起作用。

这是我的代码

https://codepen.io/simic21/pen/poowQXK

标签： javascripthtmlcss

解决方案

添加到您的.region班级display:inline-block并添加到您的.logo班级：

.region {
  padding: 20px;
  display:inline-block;
}

.logo {
  padding: 40px 0px 0px 50px;
  display:inline-block;
}
<div class="centered">
  <div class="logo">
    <img src="assets/img/logo.png" alt="logo">
  </div>
  <div class="region">
    <button onclick="myFunction()" class="dropbtn">   
      <strong>EUNE(EN)</strong></button>
  </div>
</div>

推荐阅读