# Tooltip 文字提示 --- ### 基础用法

鼠标划过，我是一段文字

::: demo ``` html ``` ::: ### 不同的位置用法 * ```placement```属性可以有12种不同的提示位置显示 * ```top-left```,```top```,```top-right```,上左，上中，上右 * ```right-top```,```right```,```right-bottom```,右上，右中，右下 * ```bottom-left```,```bottom```,```bottom-right```,下左，下中，下右 * ```left-top```,```left```,```left-bottom```,左上，左中，左下

上左

上中

上右

右上

右中

右下

左上

左中

左下

下左

下中

下右

::: demo ``` html ``` ::: ### 属性说明 | 属性 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | |trigger|触发方式|String|hover（悬停）click（点击）|hover| |placement|位置|String|top，top-left，top-right，bottom，bottom-left，bottom-right，left，left-top，left-bottom，right，right-top，right-bottom|top| |content|提示的内容|String|--|h--|