html教程确保不换行

html教程确保不换行_第1张图片

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>

html教程确保不换行_第2张图片

你可能感兴趣的:(html,前端)