Почему вокруг текста в HTML есть пробел? - PullRequest
Новая
       0

Почему вокруг текста в HTML есть пробел?

0 голосов
/ 20 января 2020

В html у меня есть код ниже. Текст без элемента span становится пространством вокруг него. Но текст с элементом span не получает пробел вокруг него. Почему есть место вокруг текста, но не с span. Это может быть какое-то поведение, я новичок в этом. Я искал в Google, но не получил статьи, связанные с этим поведением 

Sample Text
<span>Sample Text</span>

enter image description here

1 Ответ

0 голосов
/ 20 января 2020

Текст без элемента span становится пробелом из-за тела.

span - это встроенный тег, который занимает столько места, сколько требуется, и оставляет место для другого элемента.

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

<!DOCTYPE html> 
<html> 
   <head> 
      <title>Test span tag</title> 
   </head> 
   <body> 
      <h2>Welcome To stackoverflow</h2> 
       <!-- span tags with inline style/css  -->    
      <span style="background-color:powderblue;"> 
       Stack</span> 
      <span style="background-color: lightgray;"> 
      -Contribute-</span> 
      <span style="background-color: yellow;"> 
      Article</span> 
      <span style="background-color: lightgreen;"> 
      STCK</span> 
   </body> 
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...