zoukankan      html  css  js  c++  java
  • CSS种让border-bottom大道text-decoration一样的效果,甚至要比它的效果更理想一些!

    <p style="300px;line-height: 30px;margin:0 auto;text-indent: 24pt;word-break:break-all;word-wrap:break-word;">
            开始文字开始<span style="line-height: 30px;text-decoration: underline;word-break:break-all;word-wrap:break-word;">第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行</span>
            <span style="line-height: 30px;padding-bottom:2px;border-bottom:1px solid #000000;word-break:break-all;word-wrap:break-word;">78797897979879797879789797987979、787979779798789787897、ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了解到发就算了的解放啦就算了打飞机ask了</span>
        </p>

    CSS关键点:

    使用border-bottom必须配合word-break、word-wrap来配合使用否则只会显示一条下划线。

    技术交流QQ群:15129679

  • 相关阅读:
    Lodash JS实用类库 数组操作 延时执行 功能强大
    7.【nuxt起步】-Nuxt与后端数据交互
    vue图片懒加载
    猎鹰与龙飞船基于 Linux,采用 C++、Chromium 与 JS 开发
    | 和 ||,& 和 && 的区别
    Linux安装.net core
    Linux下程序后台运行:nohup和&
    vuejs如何调试代码
    全局安装 Vue cli3 和 继续使用 Vue-cli2.x
    导入sass文件
  • 原文地址:https://www.cnblogs.com/yeminglong/p/6002846.html
Copyright © 2011-2022 走看看