How do I retrieve an HTML element's actual width and height?

Question

Suppose that I have a

that I wish to center in the browser\'s display (viewport). To do so, I need to calculate the width and height of the &l

Answer 1

Flex

In case that you want to display in your

some kind of popUp message on screen center - then you don't need to read size of

but you can use flex

.box {
  width: 50px;
  height: 20px;
  background: red;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  position: fixed; /* remove this in case there is no content under div (and remember to set body margins to 0)*/
}

  
My div

0 讨论(0)

查看其它14个回答

发布评论:

提交评论

---

•  加载中...