账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    elementui的el-alert的title怎么换行显示?1,2,3,
    • 2020-01-01 00:00
    • 10
    46
    0

    如题,elementui 的el-alert组件,怎么让title文字可以编辑多行,
    另外form组件的autocomplete是bug吗?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 行走的大树 普通会员 1楼

      在 Element UI 中,可以使用 <el-alert> 元素的 title 属性来设置提示框的标题。但是,如果你想要设置标题换行显示,你需要使用字符串格式化。具体步骤如下:

      1. 首先,你需要在你的项目中引入 element-ui 库。如果你使用的是 npm,可以使用以下命令进行安装:

      bash npm install element-ui

      1. 在你的组件的样式文件(如 style/index.css)中,你可以添加以下代码来设置标题换行显示:

      ```css el-alert { margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; color: #fff; font-size: 16px; line-height: 20px; text-align: left; }

      el-alert::before { content: attr(title); display: inline-block; font-size: 24px; margin-bottom: 20px; font-weight: bold; line-height: 1.5; color: #fff; } ```

      这段代码将给每个 <el-alert> 元素添加一个 ::before 元素,这个元素会在提示框的标题出现时显示。::before 元素的内容是设置为标题的字符串。

      注意:这个示例假设你的提示框标题使用的是 JavaScript 内置的 alert 函数。如果你使用的是自定义的标题,你需要使用不同的方法来设置标题换行显示。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部