小编Jav*_*vid的帖子

在多行文本周围绘制方括号

我用方括号包裹了标题,但在移动设备上它看起来很难看。如果文本转到下一行,我们如何在文本周围保留方括号。

这是 HTML 和 CSS 代码

.widget-title:before {
  content: '[';
  color: #ffb1bb;
  font-size: 60px;
  text-align: right;
  padding-right: 10px;
}
.widget-title:after {
  content: ']';
  color: #ffb1bb;
  font-size: 60px;
  text-align: left;
  padding-left: 10px;
}
Run Code Online (Sandbox Code Playgroud)
<h4 class="widget-title widgettitle">WHAT’S NEW</h4>
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明 在此处输入图片说明

html css pseudo-element flexbox

5
推荐指数
1
解决办法
2727
查看次数

标签 统计

css ×1

flexbox ×1

html ×1

pseudo-element ×1