前端开发自动换行

摘要:
全部换行:允许在单词内换行keep all:仅在半空格或连字符˂!

break-all:允许在单词内换行

keep-all:只能在半角空格或连字符处换行

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中国人</title>

        <style>
            p {
                background-color: red;
                height: 200px;
                width: 200px;
            }

            .p1 {
                word-break: break-all;
            }

            .p2 {
                word-break: keep-all;
            }
        </style>
    </head>
    <body>
        <p class="p1">
            Good morning, my name is xx, it is really a great honor to have this opportunity for an interview, and i hope i can
            make a good performance today
        </p>
        <p class="p2">
            https://www.cnblogs.com/zhangxuechao/
        </p>
    </body>
</html>

image

免责声明:文章转载自《前端开发自动换行》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇wait_event_interruptible() 等待队列[MyBatis]五分钟向MySql数据库插入一千万条数据 批量插入 用时5分左右下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端框架现状调查

转自:前端框架现状调查        Ashley Nolan是来自英国食品速递公司JUST EAT的一名资深Web UI工程师。为了了解整个前端开发社区当前的知识和使用水平,他发起了一个面向前端开发人员的调查,问题涉及CSS、“任务执行器(Task Runner)”、JavaScript等方面。前期,他收到了649份回复。近日,参与者数量达到了1044。...

Vue 技能进阶:使用设计模式写出优雅的前端代码

为什么提出这个复杂的问题? 在我们的应用程序中有一个顶栏,其中包含各种按钮、一个搜索栏和其他一些控件。 它显示的内容根据你所在的页面略有差异,因此我们需要一种按页配置它的方法。 为此,我们希望每个页面都能配置顶栏。 看起来很简单,但这里有一个问题:这个顶栏(我们称之为 ActionBar)实际上是主布局骨架的一部分,它长成这样: <templat...

JSONP Hijackin攻击详解

如下文章是早期编写,有一些错误,建议读新写的文章:https://www.cnblogs.com/mysticbinary/p/12620152.html JSONP Hijackin的中文意思是JSON劫持,而能产生JSON数据劫持的原因在于前端被跨站攻击了。跨站=跨域,跨域从字面上理解的话,就是指超出了范围、领域。继续追问一下,那超出了什么范围?原来指...

译文:前端性能的重要性 The Importance of Frontend Performance

欢迎訪问我的主页。最新的文章我会首先公布在个人主页上: http://blog.guaidm.com/shocky/ 原书下载地址:http://pan.baidu.com/s/1pJocRwB        在我的web开发生涯里,大部分时候我都是作为一个后台project师。这样一来,我投入了非常多的精力去研究、练习怎样通过后台优化来提升项目产品...

【精彩回顾】第二届微医前端技术沙龙(附PPT下载)

5 月 25 日,以「无界」为主题的第二届微医前端技术沙龙成功举办。本届沙龙的演讲题目涵盖了前端技术几个主要的应用场景,包括服务端、桌面端以及跨平台的开发。最近几年前端技术发展非常快,各种可以提高开发效率的新技术和框架层出不穷,让原来的前端工程师蜕变成了新一代的全端工程师,技术之间的界限被打破,相互碰撞、融合和进化。 活动伊始,本届沙龙活动主持人,来自...

令人惊叹的Npm工具包

http-server(简单搭建http服务器) json-server(JSON服务器,快速搭建resful api接口) superagent(node服务器请求客户端) PS:request已经不再更新了。 cssnano(css多功能优化工具) PS:比uncss功能更全。 Prepack(js专业优化工具) Gulp(简单的前端自动化任务流工具)...