Question

如何在多行而不是单行上获取文本？

<div class="row">
  <div class="col-md-12">
    <h3>Beskrivelse</h3>
    <div class="well"><?php echo $description ?></div>
  </div>
</div>

图片：echoed text flowing outside of well (bootstrap)

Answer 1

try pre标记元素以固定宽度字体（通常为Courier）显示，并保留空格和换行符。

<div class="row">
      <div class="col-md-12">
        <h3>Beskrivelse</h3>
        <div class="well"><pre><?php echo $description ?></pre></div>
      </div>
    </div>

Answer 2

要实现此目的，您应该使用名为word-break的CSS属性。这是关于它的链接： http://www.w3schools.com/cssref/css3_pr_word-break.asp

以下是有关其工作原理的摘录。

.wrap{
  background: #CCC;
  margin: 20px;
  border: solid thin #AAA;
  word-break: break-all;
}

<html>
	<head>
    </head>
<body>

	<div class="wrap">
		LoremIpsumissimplydummytextoftheprintingandtypesettingindustry.LoremIpsumhasbeentheindustry'sstandarddummytexteversincethe1500s,whenanunknownprintertookagalleyoftypeandscrambledittomakeatypespecimenbook.Ithassurvivednotonlyfivecenturies,butalsotheleapintoelectronictypesetting,remainingessentiallyunchanged.Itwaspopularisedinthe1960swiththereleaseofLetrasetsheetscontainingLoremIpsumpassages,andmorerecentlywithdesktoppublishingsoftwarelikeAldusPageMakerincludingversionsofLoremIpsum.
	</div>
</body>
</html>

我希望你觉得这很有用。

Answer 3

您好，您只需在所有页面上修复此问题，而不是为每个部门使用“pre”标记。

只需将以下css代码添加到样式表文件中：

 html {
      word-wrap: break-word;
    }

这肯定会解决问题。

php - 如何在多行上获得回显文本？

3 个答案: