在小屏幕上打破长话

Question

我有这一行：

<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>

这是代码元素的一部分。

我要做的是在小屏幕上查看这一行（没有水平滚动）。

我试图在http://www.w3schools.com/css/css3_text_effects.asp的帮助下设置<pre>和<code>的样式 - 并且线条不会中断！

code { 
  width: 90%;
  min-width: 200px;
  background-color: white;
  border: 1px solid black;
  margin: auto;
  font-size: 1rem;
  /* ... and now what? */
}

Answer 1

使用overflow-wrap CSS属性可以解决您的问题

std::getline

Answer 2

code {
    overflow-wrap: break-word;
}

来自Mozzila Dev documentation

这是在努力：

• Google Chrome 4.0 +
• Microsoft Edge 5.5 +
• Firefox Mozzila 3.5 +
• Safari 3.1 +
• Opera 10.5 +