javascript - 使用 javascript 换行和注入 span
问题描述
我需要帮助。我试图用网站的标题来达到这种效果。
我尝试使用背景颜色和填充,但是当文本以两行或多行增长时,它会形成一个大矩形。我正在尝试找出一种使用 javascript 将线条自动分成跨度的方法。
任何人都可以帮助我吗?
多谢!
解决方案
尝试这个:
.padded-multiline {
line-height: 1.4;
padding: 2px 0;
width: 400px;
margin: 20px auto;
}
.padded-multiline span {
background-color: #c0c;
color: #fff;
display: inline;
padding: 0.45rem;
line-height: 60px;
/* Needs prefixing */
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
<h1 class="padded-multiline">
<span>How do I add padding to subsequent lines of an inline text element?</span>
</h1>
推荐阅读
- javascript - javascript 如何创建与 DOM 元素的单向数据绑定?
- html - 图像背景溢出问题
- dart - Flutter:如何解决 dropdown.dart 'Failed assertion: lines 560' 错误的错误?
- mysql - 从答案表中选择行
- ruby-on-rails - 嵌套资源/权威 - 参数丢失或值为空:
- python - 如何将列表中的元素放入 Python 3 中的列表列表中?
- html - 单元格文本未换行(html 表格)
- python - Python TypeError:导数_circ()接受2个位置参数,但给出了6个
- c# - 如何从数据库 MSQL 中添加组合框值
- c++ - C++ 名称修饰 - 向后参考