<div>

<div>#

Summary#

The most fundamental component which is a container to wrap any other components. It supports all the common styles, attributes and layout of flexbox.

alias: <container> (deprecated)

Child Components#

This type of component supports all kinds of weex component as its child components including its own kind.

Attributes#

There is no specific attribute for this component.

Styles#

common styles: check out the common styles

  • support flexbox related styles
  • support box model related styles
  • support position related styles
  • support opacity, background-color etc.

Events#

common events: check out the common events

Examples#

<template>
<div>
<div class="box"></div>
</div>
</template>

<style scoped>
.box {
border-width: 2px;
border-style: solid;
border-color: #BBB;
width: 250px;
height: 250px;
margin-top: 250px;
margin-left: 250px;
background-color: #EEE;
}
</style>

try it

Edit this page on GitHub