时间戳

首页 > 解决方案 > 如何改进这种样式？

html - 如何改进这种样式？

问题描述

我正在尝试将自己的代码（块）嵌入到登录页面构建器中，但我有 2 个问题？

  1. 如何改进造型，使其不破字（标红）

  2. 如何使第二行文本与上一行具有相同的左边距（用黄色标记）。

这是它现在的样子：
这就是现在的样子

将非常感谢详细的说明。

标签： htmlstyling

解决方案

对于您的第一个问题，您可以在 css 中使用空格。例如：

<style>
.mytagWithoutWordBreaking {
    white-space: nowrap
}
</style>
<!--- Other head content -->
<div class="mytagWithoutWordBreaking">Hi!</div>

您可以使用第二个 div 或 p 元素来确保它会显示内联块。例子：

<div class="wrapper">
<p style="display:inline-block">First line</p>
<p style="display:inline-block">Second line/p>
</div>

我希望这解决了你的问题。

编辑

有关 css 中空格的更多信息，请查看此页面：https ://www.w3schools.com/cssref/pr_text_white-space.asp

关于css中的内联块：https ://www.w3schools.com/cssref/tryit.asp?filename=trycss_display

推荐阅读