Maison  >  Article  >  interface Web  >  Discutez en détail de la différence entre display:inline style et span dans div

Discutez en détail de la différence entre display:inline style et span dans div

墨辰丷
墨辰丷original
2018-05-09 17:48:441914parcourir

Cet article parle principalement de la différence entre le style display:inline et le span en div. Les amis intéressés peuvent en apprendre davantage ensemble !

Le code est le suivant :

<span style="background-color:red;">xxx</span> 
<span style="background-color:red;">xxx</span> 

 

 
<div style="background-color:red;display:inline">xxx</div> 
<div style="background-color:red;display:inline">xxx</div> 

 

 
<span style="background-color:red;">我是没有间隔的</span><span style="background-color:red;">伟大的hutia,挖哈哈哈</span>

Résumé :

En une phrase, vous pouvez spécifier inline- pour un objet via display : inline-block en CSS L'attribut block restitue l'objet en tant qu'objet en ligne, mais le contenu de l'objet est rendu en tant qu'objet de bloc.

Recommandations associées :

Quelle est la différence entre div et span

Dans la mise en page Web HTML, div et span Quelle est la différence entre span

Explication détaillée de la façon dont jquery implémente l'événement keydown de div et span

Détails de div et span Éléments de niveau bloc HTML dans HTML5 Introduction

Quelle est la différence entre div et span Analyse et explication

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn