Php HTML溢出：隐藏的文本格式不正确

我正在为一个美国足球队制作一个网站。他们在头版上有这些新闻，可以通过CMS系统进行管理。我有一个问题，在这些新闻项目内的文本alligning。其中两条新闻如下所示：

如您所见，右新闻项文本显示得很好。但是左派把它切断了，真的很糟糕。你只能在最后一句看到文本的上半部分。我使用溢出：隐藏；以确保文本不会使div或newitem变大。有没有人知道如何通过HTML和CSS解决这个问题，或者我应该用PHP将其从服务器端删除

以下是我的HTML代码：

<div class="newsitem">
        <div class="titlemessagewrapper">
            <h2 class="titel" align="center"><?php echo $row['homepagetitel']; ?></h2>
            <div class="newsbericht">
                <?php echo $row['homepagebericht']; ?>
            </div>
        </div>
        <div class="newsfooter">
            <span class="footer_author"><a href=""><?php echo get_gebruikersnaam_by_id($row['poster_id']); ?></a></span> <span class="footer_comment"><a href="">Comments <span>todo</span></a></span>
            <a href="" class="footer_leesmeer">Lees meer</a>
        </div>
    </div>

---

删除.titlemessagewrapper上的高度属性。正是此高度属性导致了截断。

删除.titlemessagewrapper上的高度属性。正是这个高度属性导致了截断。

如果希望框保持相同的高度：获取整个字符串，执行并保存在一个新变量中，然后回显

例如

---

如果希望框保持相同的高度：获取整个字符串，执行并保存在新变量中，然后回显该变量

例如

您不应依赖用户输入

用户输入=错误 如果用户忘记输入怎么办？你的新闻会看起来不专业吗？ 用户创建新闻项目时发现其中一些内容被切断，这有什么意义？ 如果div只能适应固定的字符串长度，则应验证新闻项输入正文的最大长度，而不是依赖于。这可以通过使用maxlength属性简单地实现

<textarea id="userinput" maxlength="150">Enter your news</textarea>

与

当内容小于div时，滚动条不会出现

否则，请验证div中字符串/内容的长度，或者删除CSS height属性，以允许所有内容都不显示滚动条

希望这有帮助

您不应该依赖用户输入

用户输入=错误 如果用户忘记输入怎么办？你的新闻会看起来不专业吗？ 用户创建新闻项目时发现其中一些内容被切断，这有什么意义？ 如果div只能适应固定的字符串长度，则应验证新闻项输入正文的最大长度，而不是依赖于。这可以通过使用maxlength属性简单地实现

<textarea id="userinput" maxlength="150">Enter your news</textarea>

与

当内容小于div时，滚动条不会出现

否则，请验证div中字符串/内容的长度，或者删除CSS height属性，以允许所有内容都不显示滚动条

---

希望这有帮助

您好，谢谢您的回复，所以您认为除了使用PHP之外，没有其他方法可以做到这一点吗？因为根据标题，我永远不知道字符串长度必须有多长，所以我不知道什么时候该把它剪掉。我想让创建这些新闻项目的用户在其中添加一些标签，在这种情况下我就知道了。。。但是，如果可能的话，我宁愿使用HTML&CSS。不幸的是，CSS或HTML是做不到的。您也可以使用javascript而不是php，但在服务器端执行脚本比在客户端执行脚本更好，这可能会导致页面显示为加载模块。你不能把你的头衔包括在斯特伦计数中吗？好的，谢谢我确实认为那将是一个相当复杂的问题。我想我会使用标签，所以这是用户的责任，他们可以按照自己的意愿创建标签。遗憾的是，它不能仅仅通过HTML和CSS来完成。感谢男士：您好，谢谢您的回复，所以您认为除了使用PHP之外，没有其他方法可以做到这一点吗？因为根据标题，我永远不知道字符串长度必须有多长，所以我不知道什么时候该把它剪掉。我想让创建这些新闻项目的用户在其中添加一些标签，在这种情况下我就知道了。。。但是，如果可能的话，我宁愿使用HTML&CSS。不幸的是，CSS或HTML是做不到的。您也可以使用javascript而不是php，但在服务器端执行脚本比在客户端执行脚本更好，这可能会导致页面显示为加载模块。你不能把你的头衔包括在斯特伦计数中吗？好的，谢谢我确实认为那将是一个相当复杂的问题。我想我会使用标签，所以这是用户的责任，他们可以按照自己的意愿创建标签。遗憾的是，它不能仅仅通过HTML和CSS来完成。谢谢男士：嗨，谢谢你的回复：我的想法是我想把文本剪掉，因为我想让新闻条有一个固定的高度和宽度。我只是不想让浏览器把最后一句话的前50%删掉。Hello Rens，最好在服务器端这样做——但是可以用js，var newstring=oldstring.substring0500；您好，谢谢您的回复：我的想法是，我想削减文本，因为我想有一个固定的高度和宽度的新闻项目。我只是不想让浏览器把最后一句话的前50%删掉。Hello Rens，最好在服务器端完成它——但是可以用js，var完成

---

newstring=oldstring.substring0500；你好，谢谢你的回复！我注意到溢出：自动太多，但它不会真的看起来很好，所以这不是一个选项。因为填充新闻项的用户有不同的格式选项——更大的文本、粗体选项、图片等等，所以我永远不知道什么时候该删除文本。因为一个新闻条目必须在100个字符后截断，而另一个新闻条目必须在150个字符后截断。正当所以我的想法是：让用户创建文本，然后让它通过预览项目的外观来验证他所做的。这样，用户就知道将标签放置在何处。。您认为呢？您可以创建一个漂亮的Javascript或AJAX函数，允许用户生成预览。在输入框旁边创建一个副本新闻div。当用户选择preview按钮时，textarea输入值应该显示在replica news div中。在这个实例中不需要标记是的，使用AJAX它看起来非常漂亮！谢谢你的好主意，这就是我要做的！！谢谢你好，谢谢你的回复！我注意到溢出：自动太多，但它不会真的看起来很好，所以这不是一个选项。因为填充新闻项的用户有不同的格式选项——更大的文本、粗体选项、图片等等，所以我永远不知道什么时候该删除文本。因为一个新闻条目必须在100个字符后截断，而另一个新闻条目必须在150个字符后截断。正当所以我的想法是：让用户创建文本，然后让它通过预览项目的外观来验证他所做的。这样，用户就知道将标签放置在何处。。您认为呢？您可以创建一个漂亮的Javascript或AJAX函数，允许用户生成预览。在输入框旁边创建一个副本新闻div。当用户选择preview按钮时，textarea输入值应该显示在replica news div中。在这个实例中不需要标记是的，使用AJAX它看起来非常漂亮！谢谢你的好主意，这就是我要做的！！谢谢

<textarea id="userinput" maxlength="150">Enter your news</textarea>

overflow: hidden; 

overflow:auto;