为了账号安全,请及时绑定邮箱和手机立即绑定

如何左对齐放置在谷歌应用程序脚本中的body元素中的第一个内联元素

如何左对齐放置在谷歌应用程序脚本中的body元素中的第一个内联元素

米脂 2023-10-16 10:58:38
我正在通过 google apps 脚本开发一个网络应用程序。我首先将内联元素(span)放在 body 元素上。但是,屏幕的最左边缘和 span 元素的左边缘之间存在间隙。而且这个差距还不小。我在js fiddle上尝试了同样的事情,但是没有像谷歌应用程序脚本的实现那么长的差距。图像 中蓝色的元素是跨度。身体是红色的。html<body>   <span>test</span> </body>样式可以在Chrome开发者工具上看到。对于跨度:对于身体:我想将 span 元素在 body 上左对齐。请让我知道解决方案。提前致谢。
查看完整描述

1 回答

?
守着一只汪

TA贡献1872条经验 获得超3个赞

我找到了问题的原因。也就是说,span 元素上方有全角空格。我有全角空格。我删除了头部的所有空格。跨度左侧的缝隙消失了。


我无法判断是否有空格,因为看不到空格。我认为所有空格都用半角空格放置,不会在 html 上留下任何空格。


前:


<!DOCTYPE html>

<html>

  <head>

     <base target="_top">

    <?!= include('css'); ?>

  </head>

  <body>

    <span>test</span>

  </body>

</html>

之前有一个全角空格<base target="_top">。

https://img1.sycdn.imooc.com/652ca741000138cc03300246.jpg

后:


<!DOCTYPE html>

<html>

  <head>

    <base target="_top">

    <?!= include('css'); ?>

  </head>

  <body>

    <span>test</span>

  </body>

</html>

https://img1.sycdn.imooc.com/652ca76f000114f803680245.jpg

您可以将边距和填充全局设置为 0,以删除页面上每个对象的所有默认边距和填充


* {

  margin: 0;

  padding:0;

}


查看完整回答
反对 回复 2023-10-16
  • 1 回答
  • 0 关注
  • 89 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信