Question

我正在使用react和渲染，我在div中返回一个SVG。我的代码如下所示：

render() {
    return(
        <div class="myClass">
          <svg> ... </svg>
        </div>
    );
}

我的CSS类看起来像：

.myClass{
  margin-left: auto;
  margin-right:auto;
}

它在Chrome和firefox中运行得非常好，它的IE显示在左侧而不是居中对齐的svg。 IE是否需要添加更多CSS属性？

Answer 1

解决了它。奇怪的是，IE将SVG视为文本。我在CSS类中添加了一个中心对齐，但它确实有效。

我的解决方案是：

html = '<html><span>Volume: </span><span class="data_bold"><value>20</value></span></html>'
soup = BeautifulSoup(html)
matches = soup.findAll(text=re.compile('Volume'))
for match in matches:
    element = match.parent 
    #o/p: <span>Volume: </span>
    sibling_tag = element.findNextSibling()
    #o/p: <span class="data_bold"><value>20</value></span>
    print sibling_tag.find('value').text
    #o/p: u'20'

Svg里面不对齐中心

1 个答案: