【问题标题】:Background Position inline style with React使用 React 的背景位置内联样式
【发布时间】:2019-03-27 04:40:16
【问题描述】:

在过去的 2 个小时里,我一直在尝试将渲染的 jsx 块放置在第一个块的右侧。我似乎无法正确处理。我尝试使用 marginTopmarginLeft 等,但这些都不起作用。我查了一下,发现可以用backgroundPosition代替。但它没有奏效。这是我当前的线路:<div style={{backgroundPosition: -400 -100}}>

【问题讨论】:

    标签: javascript css reactjs jsx


    【解决方案1】:

    您需要将值转义为字符串。

    例如:

     <div style={{backgroundPosition: '-400px -100px'}}>
    

    您传递给style 属性的对象应该是一个普通的javascript 对象——并且需要作为一个有效对象。

    【讨论】:

    • &lt;div style={{marginLeft: 290, marginTop: -600, padding: 10}}&gt; 这确实有效,但还是谢谢你:p
    • @Dan 如果这根本不起作用,那你为什么接受它?
    • @FaisalAlvi 我相信这让我得到了答案,我对此发表了评论(如果有人想知道如何做同样的事情)
    • 你是对的 Dan,但我建议我们不要接受答案,因为大多数用户只看到接受的标记并使用代码,他们不阅读 cmets。好吧,让我们关闭聊天。 :)
    猜你喜欢
    • 1970-01-01
    • 2016-10-20
    • 1970-01-01
    • 1970-01-01
    • 2021-06-21
    • 2021-05-18
    • 1970-01-01
    相关资源
    最近更新 更多