???????????? inline-block ???????????????

WEB前端 waitig 464℃ 百度已收录 0评论
    • ????????????????????????
    • ??????
    • ???????????????
    • ???????????????

???????????????????????????

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>desktop demo</title>
  <style>
    .app {
      margin: 50px 0 0 50px;
    }
    .item {
      display: inline-block;
      border: 1px solid black;
    }    
  </style>
</head>
<body>
  <div class="app">
    <div class="item">item1</div>
    <div class="item">item2</div>
  </div>
</body>
</html>

??????????????????

??????

??????????????? div ??????????????????????????????

???????????????

???????????? <div> ?????????????????????????????????????????????

<div class="item">item1</div><div class="item">item2</div>

???????????????????????????????????????????????????

<div class="item">item1</div><div class="item">
item2</div>

??????????????? div ????????????????????? div ?????????

???????????????

?????????????????? font-size: 0;
??????????????????????????????????????????????????? font-size ??????

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>desktop demo</title>
  <style>
    .app {
      margin: 50px 0 0 50px;
      font-size: 0;
    }
    .item {
      display: inline-block;
      border: 1px solid black;
      font-size: 16px;
    }    
  </style>
</head>
<body>
  <div class="app">
    <div class="item">item1</div>
    <div class="item">item2</div>
  </div>
</body>
</html>

????????????

????????????????????????????????????????????? hack ??????????????????


本文由【waitig】发表在等英博客
本文固定链接:???????????? inline-block ???????????????
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)