时间戳

首页 > 解决方案 > 如何在 JSS 中使用 webkit？

reactjs - 如何在 JSS 中使用 webkit？

问题描述

我目前正在开发一个反应网络应用程序。我使用 JSS 创建样式。

为了完成纯CSS多行文本修剪，我需要使用webkit。

这是我尝试使用 webkit 的课程：

textSearchProductTitle: {
  fontWeight: "bolder",
  fontSize: 40,

  display: "-webkit-box",
  maxWidth: "100%",
  height: 40*1.3*3,
  margin: "0 auto",
  lineHeight: 1.3,

  //Those two properties don't work 
  '&::-webkit-line-clamp': 1.3,
  '&::-webkit-box-orient': "vertical",

  overflow: "hidden",
  textOverflow: "ellipsis",

},

由于 webkit 属性不起作用，我猜我的语法不正确。所以我的问题是：在 JSS 中使用 webkit 的正确语法是什么？

提前致谢。

标签： reactjswebkitjss

解决方案

如果与默认预设一起使用，JSS 会在需要时添加前缀。这应该这样做。

textSearchProductTitle: {
  fontWeight: "bolder",
  fontSize: 40,

  display: "box",
  maxWidth: "100%",
  height: 40*1.3*3,
  margin: "0 auto",
  lineHeight: 1.3,

  lineClamp': 1.3,
  boxOrient: "vertical",

  overflow: "hidden",
  textOverflow: "ellipsis",

},

推荐阅读