Home>

html - cannot adjust the height side by side

As shown in the image below,display: inline-blockis specified next to the element in the same layer. If I want to lower the update icon a little, how do you specify it? Is that okay? ? Environmental information (language used) → It may be solved with CSS, but for the time being . .
  • Nuxt.js: 2.8.1
  • TypeScript
  • Material design: ElementUI
Current status 
<template>
 
   <el-pagination
    
     : current-page.sync = "currentPage.page"
     : page-size = "pageSize"
     : total = "total"
     @ prev-click = "page"
   />
 <i @ click = "update"></i>
 
</template>
<style scoped>
.pagination {
  display: inline-block;
}
.pagination_icon {
  display: inline-block;
 margin-top: 10px;
}
</style>

] (11441b2570dde12280eee6f410a4ce2b.png )

  • Thank you for pointing out.
html css vue.js nuxt.js
  • Answer # 1

    Inline-block element

    vertical-align: middle;


    If you put it on, the height will be the same.

Related articles