DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文本样式2title>
<style>
p{
width: 300px;
background-color: #bfa;
/* white-space: 如何处理空白内容
normal默认值，自动换行
nowrap不换行
pre保留文本的格式
*/
white-space: nowrap;
overflow: hidden;
/*
text-overflow如何处理溢出的文本
ellipsis使用省略号来处理溢出的内容
*/
text-overflow: ellipsis;
}
style>
head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae placeat ipsum facilis omnis, esse voluptate. Eveniet quaerat voluptatem repellat quidem harum, distinctio provident. Dolorum soluta dignissimos, saepe odit et!
p>
body>
html>