Wie kann ich die tatsächliche Breite und Höhe eines HTML-Elements abrufen?

Question

Angenommen, ich habe eine <div> die ich in der Anzeige des Browsers (Viewport) zentrieren möchte. Zu diesem Zweck muss ich die Breite und Höhe des <div> Element.

Was soll ich verwenden? Bitte fügen Sie Informationen zur Browser-Kompatibilität bei.

Answer 1

Verwenden Sie den Parameter width wie folgt:

   style={{
      width: "80%",
      paddingLeft: 100,
      paddingRight: 200,
      paddingTop: 30,
      paddingBottom: 30,
      border: "3px solid lightGray",
    }}