# <div>

简介

<div> 是通用容器。

TIP

不要在 <div> 中直接添加文本，而要使用 <text> 组件。
在 Weex 中，<div> 不可滚动。
要控制 <div> 的层级，建议不要超过14层，否则会很影响页面性能。

# 子组件

<div> 支持各种类型的子元素，包括 <div> 自己。

# 样式

通用样式。支持所有通用样式

# 事件

通用事件。参见通用事件

# Rax 示例

rax-view 是 <div> 组件的上层封装，抹平了 Web 和 Weex 的展现

import { createElement, render } from 'rax';
import Driver from "driver-universal";
import View from "rax-view";

function App() {
  return <View
		style={{
		  width: '200rpx',
		  height: '200rpx',
		  backgroundColor: '#222831',
		}}
	/>;
}

render(<App />, document.body, { driver: Driver });

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

rax-view 文档 (opens new window)

← <a> <text> →