当前位置: 首页 > 面试题库 >

如何在多行文本的每一行中使用填充?

边浩波
2023-03-14
问题内容

我将背景色应用到了<span>标签,标签上也padding设置了左右。问题是:padding<span>当将文本包裹在多行上时,才应用于的左(行)和右(行),而不应用于每行的左(行)和右(行)。

如何将左和右padding应用于 中间 线?

h1 {

  font-weight: 800;

  font-size: 5em;

  line-height: 1.35em;

  margin-bottom: 40px;

  color: #fff;

}

h1 span {

  background-color: rgba(0, 0, 0, 0.5);

  padding: 0 20px;

}


<h1><span>The quick brown fox jumps over the lazy dog.</span></h1>

问题答案:

您可以使用box-decoration-break值为的属性clone

box-decoration-break: clone;
每个框片段都使用指定的边框进行独立渲染,并用边距和边距包裹每个片段。边界半径,边界图像和框阴影分别应用于每个片段。在每个片段中独立绘制背景,这意味着具有背景重复:不重复的背景图像可以重复多次。-

h1 {

  font-weight: 800;

  font-size: 5em;

  line-height: 1.35em;

  margin-bottom: 40px;

  color: #fff;

}

h1 span {

  background-color: rgba(0, 0, 0, 0.5);

  padding: 0 20px;

  -webkit-box-decoration-break: clone;

  box-decoration-break: clone;

}


<h1><span>The quick brown fox jumps over the lazy dog.</span></h1>


 类似资料:
  • 我在使用谷歌表格,从来没有在这里运行过“cron作业”。为了给它应得的荣誉,我找到了这个很棒的代码来帮助我访问这里的速度见解api:https://statsravingmad.com/measure/page-speed-insights/ 所以我在一个函数中有这段代码,在我的谷歌工作表中,我的特定测试站点每小时都会被触发一次。 但是,数据只填充每个站点的一个单元格,即公式分配给的单元格。 当使

  • 问题内容: 如果我想在Python中打印多行文本而不用为每一行都键入内容,是否有办法做到这一点?我将其用于ASCII艺术。 (Python 3.5.1) 问题答案: 您可以使用三引号(单引号或双引号):

  • 问题内容: 我正在尝试在bash脚本的文本文件中间添加一行文本。具体来说,我正在尝试将名称服务器添加到我的/etc/resolv.conf文件中。就目前而言,resolv.conf看起来像这样: 我的目标是在所有其他名称服务器行的上方,但在其上方的任何文本下方。最后,我希望我的resolve.conf文件看起来像这样: 通过bash脚本怎么可能?sed或awk可以执行此操作吗?还是创造性地尝试重新

  • 问题内容: 我有一个包含以下行的文本文件: 每个“ |” 符号表示它有一列。我必须从“ |”内部的每一行中提取信息 迹象。当我尝试以下代码时: 它给了我: 如何正确解析? 问题答案: 试试这个:

  • 问题内容: 由于目前无法配置为删除行分隔符,因此我在其内部使用来创建文本元素的垂直布局。下面的例子: 生成的结果被截断为单行。在a之外,它呈现为多行。除了明确设置框架的高度之外,如何在其他内部实现呢? 问题答案: 在 Xcode 11 GM中 : 对于嵌套在滚动视图中的堆栈中的任何视图,请使用解决方法: 如果有多个多行文字,这也适用: 如果堆栈的内容是动态的,则可以使用相同的解决方案:

  • 我目前正在用Java编写一个程序,其中我需要从用户那里获得输入,这是一段文本。然而,我需要用户能够在一次输入文本的多个段落。当程序提示输入时,只需粘贴整段文本就可以实现这一点。我对输入使用扫描器,当我将多个段落粘贴到输入中时,无论何时打印存储文本的变量,都不会抛出错误,只输出第一节(在第一个换行符之前)。如何使用多个换行符存储整段文本,而不提示用户为每个文本块输入单独的输入? 我已经有了一些代码,