我是靠谱客的博主 酷炫黑裤,这篇文章主要介绍区块元素和行内元素这个修改方式你见过吗?, , , HTML 内联元素 内联元素在显示时通常不会以新行开始。 ,现在分享给大家,希望可以做个参考。

前端知识哦,我们知道标签分为区块元素和行内元素哦,
大多数 HTML 元素被定义为块级元素或内联元素。

块级元素在浏览器显示时,通常会以新行来开始(和结束)。

实例:

,

,

  • ,
    HTML 内联元素
    内联元素在显示时通常不会以新行开始。

实例: , , , `
看下面的网页哦!

菜鸟教程(runoob.com)一帆风顺,万事如意 走马观花,人生顺利

b标签原来是行内元素哦,但是可以改变样式哦,将显示的改为block
对应的哦,如果改为p标签


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
p,b {display:inline;}
</style>
</head><body>
<p>一帆风顺,万事如意</p>
<b>走马观花,人生顺利</b>

</body>
</html>


` 就可以将效果为行内显示了哦!

还有一个属性哦
dispaly:inline-block–内联块元素、同行显示并可修改宽高内外边距等属性

最后

以上就是酷炫黑裤最近收集整理的关于区块元素和行内元素这个修改方式你见过吗?, , , HTML 内联元素 内联元素在显示时通常不会以新行开始。 的全部内容,更多相关区块元素和行内元素这个修改方式你见过吗?,内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(67)

评论列表共有 0 条评论

立即
投稿
返回
顶部