html - 使用php片段防止html中的换行

我有一个html站点，其中包含一些php的文本片段。我无法控制这些摘要的持续时间，但是想要保留自己的格式。

我宁愿希望通过php插入的文本不完全可见而不是具有换行符。我认为对此有一个简单的CSS解决方案，我只是不知道要搜索什么。相反，我几次遇到了这个问题，但找不到发生它的代码。

<div class="col-4">
   {some PHP code that receives information}
</div>

输出：
Lorem ipsum dolor坐着，consetetur sadipscing elitr，sed diam nonumy eirmod tempor invitunt ut labour et dolore magna aliquyam erat，sed diam voluptua。

预期产量：
Lorem ipsum dolor坐在amet，consetetur sa

其余文本应在html文件中，但不可见，对字符进行计数是没有选择的。可以溢出div容器的边界。

最佳答案

我为您的问题写了js脚本。尝试理解它，但是如果您有问题，请在评论中提问。

$(document).ready(function(){
      var fulltext = $('#text').text();//change #text to your elements id     or class
      var nof = 3; //number of charachter from start , starts from 1
      var removedText = fulltext.slice(nof,fulltext.length);
      //slice nof to end to hide it
      var selectedText =  fulltext.slice(0,nof);

      $('#text').text(selectedText);

      $('#text').append('<p style="visibility:hidden">'+removedText+'</p>')

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="parent"style="background-color:#ffffff">
  <h1 id="text">HelloWorld</h1>
</div>