как выровнять по левому краю первый встроенный элемент, вставленный в элемент body в скрипте приложений Google - PullRequest
Новая
       0

как выровнять по левому краю первый встроенный элемент, вставленный в элемент body в скрипте приложений Google

2 голосов
/ 28 марта 2020

Я занимаюсь разработкой веб-приложения с помощью скрипта Google Apps. Я помещаю встроенный элемент (span) в самый первый элемент body. Однако между самым левым краем экрана и левым краем элемента span есть промежуток. И этот разрыв не мал.

Я пытался сделать то же самое на js fiddle , но нет такого большого промежутка, как реализация скриптом приложений Google.

image синий элемент - это span. тело в красном. the element in blue is span. the body is in red.

html

<body>
  <span>test</span>
</body>

стили можно увидеть в инструменте разработчика Chrome.

для диапазона: enter image description here

для тела: enter image description here

Я хочу выровнять элемент span по левому краю на теле. Пожалуйста, дайте мне знать решение. Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 29 марта 2020

Я нашел причину проблемы. То есть над элементом span есть пространство на всю ширину. У меня были места во всю ширину. Я удалил все пробелы из головы. Пробел слева от пролета исчез.

Я не мог сказать, были ли пробелы или нет, потому что пробелы не видны. Я думал, что все пробелы были помещены с пробелами полуширины, которые не делают пробелов в html.

до: 

<!DOCTYPE html>
<html>
  <head>
    　<base target="_top">
    <?!= include('css'); ?>
  </head>
  <body>
    <span>test</span>
  </body>
</html>

Есть один пробел полной ширины непосредственно перед <base target="_top">.

enter image description here

после: 

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <?!= include('css'); ?>
  </head>
  <body>
    <span>test</span>
  </body>
</html>

enter image description here

0 голосов
/ 29 марта 2020

Вы можете глобально установить поля и отступы в 0, чтобы удалить все поля по умолчанию и отступы для каждого объекта на странице 

* {
  margin: 0;
  padding:0;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...