1

我正在用 Weebly 建立一个电子商务网站，用于法国。

默认情况下，Weebly 在 span 标签中提供价格：

<span class="xxx"> €200.20 </span>

欧元应该出现在价格之后，而不是像美元一样出现在价格之前。我可以在末尾添加一个带有内容的欧元符号：“€”，但我需要摆脱领先的欧元符号。

我无法访问后端来添加或更改标签——我一直试图通过 CSS 更改标签的内容（我知道这是禁止的）。

可悲的是，欧元是第二个字符而不是第一个字符，所以我无法直接操纵它。

一个可能的解决方案是将 span 标签的内容向左移动，切断欧元符号。

欢迎其他解决方案。

我并不乐观，而且由于站点模板已经有大量复杂的 javascript，我宁愿避免使用脚本解决方案。

在将此问题标记为重复之前：许多人问过如何在 CSS 等中操作第一个单词。

4

2 回答 2

2

这是一个解决方案，但它需要制作<span>块或内联块

.xxx:first-letter {
  color: transparent;
}
.xxx {
  display: inline-block;
}
.xxx:after {
  content: "€";
}
<span class="xxx"> €200.20 </span>

它不适用于多个价格。我认为你需要 javascript 来实现这一点。

于 2017-02-10T10:30:18.490 回答
0

从这个问题，我可以用这段代码暂时解决我的问题：

.xxx{
  position:relative;
  left:-10px;
}

.xxx:before {
  position: absolute;
  width: 10px;
  top:0;
  bottom:0;
  z-index:2;
  background: white;
  content:" "
}

由于它取决于字体大小和宽度，因此这不是一个好的解决方案。就我而言，在其他情况下，我无法修复同一跨度（100-200 欧元）内的多个价格。

于 2017-02-10T10:24:09.877 回答