单行文本溢出解决方法
作者:
抱着熊喵啃什么 | 来源:发表于
2017-08-07 11:52 被阅读27次<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
p{
white-space: nowrap;
/* 设置文本不自动换行 */
overflow: hidden;
/* 设置元素溢出内容隐藏 */
text-overflow: ellipsis;
/* 设置文本溢出时显示省略号代表被隐藏的文本 */
}
</style>
</head>
<body>
<p>
唐僧：你想要啊？你要是想要的话你就说话嘛，你不说我怎么知道你想要呢，虽然你很有诚意地看着我，可是你还是要跟我说你想要的。
难道你真的想要吗？你想要的话我会给你的，你想要我怎么可能不给你呢？不可能你想我不给你，你不想要我却偏给你的。
大家讲道理嘛！现在我数三下，你要说清楚你要不要……你真的想要吗？那你就拿去吧！你不是真的想要吧？
</p>
</body>
</html>
效果图
本文标题：单行文本溢出解决方法
本文链接：https://www.haomeiwen.com/subject/rniolxtx.html
网友评论