对齐中心Javascript

时间:2014-02-11 19:19:47

标签: javascript html css html5

我无法将此代码生成的内容与我的html页面中心对齐。 CSS text-align:center不起作用。

<script type="text/javascript"  charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=TzNNFcsZOvZ1jfLYlUKg1DXHmNfGLgB1&width=800&height=450" style="text-align: center"></script>

这就是生成的code看起来

的方式

2 个答案:

答案 0 :(得分:3)

或者您可以添加以下样式

 ymaps{ margin:0 auto; }

在样式表中。

<强> JSBin

答案 1 :(得分:2)

DEMO

将其包裹在div中(ID为“WrapperID”)

然后添加以下规则:

#WrapperID {
    text-align:center;
}

#WrapperID > ymaps {
    display:inline-block!important;
}