当使用自定义css时，Elementor标题换行
当使用自定义css时，Elementor标题换行
提问于 2021-04-23 01:05:13
我有一个标题，我正在建设的Elementor，按钮需要有自定义的CSS应用。由于某些原因，当我以这种方式构建按钮时，它会导致标题断开并转到下一行。我已经尝试了我能做的一切，包括在Dreamweaver中编写整个头部，然后将其作为单个html框插入，但它仍然做同样的事情。我已经写出了下面按钮的代码，有5个按钮加上一个徽标，但如果我添加两个以上的按钮类型，问题就会发生。
<div class="svg-wrapper" style="white-space:nowrap;">
<div align="centere">
<svg height="40" width="150" xmlns="http://www.w3.org/2000/svg">
<rect id="shape" height="40" width="150" />
<div id="text">
<p>
<a href=""><span class="spot"></span>EXPERIENCES</a>
</p>
</div>
</svg>
</div><style>
.svg-wrapper {
margin-top: 0;
position: relative;
display: inline-block;
border-radius: 3px;
}
#shape {
stroke-width: 6px;
fill: transparent;
stroke: #fb9715;
stroke-dasharray: 85 400;
stroke-dashoffset: -220;
transition: 1s all ease;
}
#text {
margin-top: -42px;
text-align: center;
}
.svg-wrapper:hover #shape {
stroke-dasharray: 50 0;
stroke-width: 3px;
stroke-dashoffset: 0;
stroke: #fb9715;
}
</style>回答 1
Stack Overflow用户
发布于 2021-04-23 01:11:52
您是否尝试过使用inspect工具检查代码？有时elementor会添加额外的代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67217818
复制相关文章
相似问题
腾讯云开发者
