Html 使用css将句子分成两半，并显示在文本字段中

我有几个大句子需要拆分并显示两行，但这些句子来自服务器，我无法使用br标记或其他标记，现在句子只显示一半，另一半不显示

.TextBox {
    width: 96%;
    height: 25px;
    border: none;
    padding: 0px 2%;
    font-size: 17px;
    color: #555;
    max-width:200ch;
    word-wrap:break-word;
}

---

您可以尝试添加'word wrap:break word；'，'断字：连字符；'

.wrapper{
填充：20px；
背景：#eaeaea；
最大宽度：400px；
保证金：50px自动；
}
.demo-1{
溢出：隐藏；
显示：-网络工具包盒；
-webkit线夹：3个；
-网络工具包盒方向：垂直；
}
.演示-2{
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
最大宽度：150px；
}

Lorem ipsum Door sit amet，Concetetur Adipising Elite。但暂时性的错误识别是腐败的原因！发明者，其资格为：博氏药水，ab velit
Lorem ipsum Door sit amet，Concetetur Adipising Elite。但暂时性的错误识别是腐败的原因！发明者，其资格为：博氏药水，ab velit

使用输入字段显示html。输入字段只有一行（示例1）。如果要使用多行，只需使用文本区域（示例2）

例1：

.TextBox{
宽度：96%；
高度：25px；
边界：无；
填充：0px2%；
字号：17px；
颜色：#555；
最大宽度：200ch；
单词包装：打断单词；
}

更新 添加了

显示：表

，这是最干净的解决方案。请参阅更新的演示

---

通过CSS包装文本您可以尝试3个属性

空白

，

分词

，和

分词

演示中的详细信息

演示

p{
宽度：100px；
边框：1px纯红；
}
.空白Nowrap{
空白：nowrap；
}
.空白正常{
空白：正常；
}
.wordBreak BreakAll{
单词break：打破一切；
}
.displayTable{
显示：表格
}

{空白：nowrap}
您可能有
空白：Nowrap
，它使文本忽略边框并继续

{空白：正常}或{断字：正常}或{换字：正常}
将使文本在空格之间的空格处正常换行。但是如果有一个长单词，比如：supercalifragilisticexpialidocious，超过了它的容器的宽度，它将只在一个连字符处换行。Sup-er-cal-i-fra-gil-is-tic-ex-pi-al-i-do-cious

的行为类似于表格，因此文本将自动换行，一旦文本达到水平极限，容器将垂直展开
一个很长的词，比如：反政府主义不会越界。相反，它将通过扩展来容纳这个牢不可破的词

你能给我们举一个html和css的例子吗？.TextBox{width:96%；height:25px；border:none；padding:0px 2%；font size:17px；color:#555；max width:200ch；word wrap:break word；}编辑你的问题并添加这些信息，但句子不会分裂，半句不显示。你为什么不直接使用

最小高度：25px

而不是设置高度？这对我不起作用，这里你定义了句子，但我不知道哪个句子会出现，长度这是我的html这是我的html