div

div 是一个支持放入相关联组件的容器。

XML 元素

div

Java 类

Div

基本用法

在线示例

下面的示例使用 div 作为一个块容器，包含标题、段落、列表和超链接：

<div>
    <h1 text="HTML Tags Sample"/>
    <p text="This is a sample text that showcases the usage of different HTML tags."/>
    <unorderedList>
        <listItem>
            <span classNames="text-semibold" text="Bold text: "/>
            <span text="Use the &lt;b&gt; tag to make text "/>
            <span classNames="text-semibold" text="bold."/>
        </listItem>
    </unorderedList>
    <p text="Hyperlinks can be added using the &lt;a&gt; tag:"/>
    <anchor href="https://www.jmix.io" text="Visit jmix.io" target="BLANK"/>
</div>
原生 HTML 请使用 html 组件。

样式版本

使用 themeNames 属性将该组件设为徽标样式。将 badge 与颜色、强调、形状或尺寸样式名结合使用。

样式 描述 支持的主题

badge

徽标样式。

Aura, Lumo

success, warning, error, contrast

应用语义颜色。

Aura, Lumo

primary

应用主强调色。

Aura, Lumo

pill

将徽标设置为圆角。

Aura, Lumo

small

缩小尺寸。

Aura, Lumo

normal

使用矩形徽标的尺寸。

Aura, Lumo

XML 属性

通用属性 对所有组件都是一样的配置。 下面是 div 的特殊属性：

名称 描述 默认值

themeNames

使用 样式版本 中列出的一个或多个样式。

—

事件和处理器

通用事件和处理器 对所有组件都是一样的配置。 下面是 div 的特殊事件和处理器：

名称 描述

ClickEvent

当用户点击组件时触发。使用 click、singleClick 或 doubleClick 选择点击模式。

XML 内部元素

div 可以显示文本或包含任意内部组件和布局。如果存在子元素，text 属性将被忽略。