Html Youtube subcribe按钮垂直对齐
我正在检查网站上生成的上述代码,我看到:Html Youtube subcribe按钮垂直对齐,html,css,youtube,youtube-api,youtube-data-api,Html,Css,Youtube,Youtube Api,Youtube Data Api,我正在检查网站上生成的上述代码,我看到: <script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channelid="UCt7Qb8JdtlG_pO1Pr4w2jrQ" data-layout="default" data-count="default"></div> 我希望它使垂直直线具有值底部,而不是基
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" data-channelid="UCt7Qb8JdtlG_pO1Pr4w2jrQ" data-layout="default" data-count="default"></div>
我希望它使垂直直线具有值底部
,而不是基线
,如上图所示
由于它是生成的,我如何指定它呢?不幸的是,您给出的代码创建了一个
iframe
引用了一个不同的域
这意味着您无法修改随附的CSS
您可以在此处阅读更多关于同一原产地政策的信息-
如果iframe
来自页面所在的同一域,则您可以通过JS-
旁注-如果您正试图更改的是位置,那么可能值得尝试将小部件包装在您自己的div
中,并将CSS应用于该div
<div id="___ytsubscribe_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 104px; height: 24px; background: transparent;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 104px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1459495947902" name="I0_1459495947902" src="https://www.youtube.com/subscribe_embed?usegapi=1&channelid=UCt7Qb8JdtlG_pO1Pr4w2jrQ&layout=default&count=default&origin=http%3A%2F%2Feverydayrelay.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.O7qc2VuIvpU.O%2Fm%3D__features__%2Fam%3DEQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCPZ7Tpph6RiCDsul5sXKhzE5OYMaQ#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&id=I0_1459495947902&parent=http%3A%2F%2Feverydayrelay.com&pfname=&rpctoken=13548707" data-gapiattached="true"></iframe></div>