html教程确保不换行

2023-12-15 19:08:47

在这里插入图片描述

<!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>换行</title>
  </head>
  <style>
      *{
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }
.box{
    width:750px;
    padding: 0;
    background:purple;
    border:1px solid pink;
    height: 100px;
    line-height:100px;
    font-size: 40px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}
  </style>

  <body>
    <div class="box">且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之。玄德与关公急止之曰；“他是朝廷命官，岂可擅杀？”飞曰：“若不杀这厮，反要在他部下听令，其实不甘！二兄要便住在此，我自投别处去也！”玄德曰：“我三人义同生死，岂可相离？不若都投别处去便了。”飞曰：“若如此，稍解吾恨。”
    </div>
  </body>
</html>

在这里插入图片描述

文章来源:https://blog.csdn.net/laoli815/article/details/135022056
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。