ホームページ  >  記事  >  ウェブフロントエンド  >  display:inline スタイルと div のスパンの違いについて詳しく説明します

display:inline スタイルと div のスパンの違いについて詳しく説明します

墨辰丷
墨辰丷オリジナル
2018-05-09 17:48:441912ブラウズ

この記事では主に div の display:inline スタイルとスパンの違いについて詳しく説明します。興味のある方は一緒に詳しく学んでください。

コードは次のとおりです:

<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>

概要:

一言で言えば、CSS の display:inline-block を通じてオブジェクトの inline-block 属性を指定します。オブジェクトはインライン オブジェクトとしてレンダリングできます。オブジェクトのコンテンツはオブジェクトのレンダリングとして扱われます。

関連する推奨事項:

div と spam の違いは何ですか?

HTML Web ページ レイアウトの div と span の違いは何ですか? html5 の html ブロッ​​ク レベル要素の div と span の詳細な紹介

divとspanの違いは何ですか?分析と説明

以上がdisplay:inline スタイルと div のスパンの違いについて詳しく説明しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。