图片用block引起换行问题引审

img 标签在css中并属于块级,它的display属性默认是inline,所以如果img中不小心用了display属性,会引起换行。


去掉display:block;属性后


块级元素在html中是每次新起一行来往下排列显示的,所以如果在img 标签中用到block属性,就会使图片换行。
每个网页元素都要默认有display属性值,以便用来确定元素的类型,块级元素的默认值是block,如果display的默认值是“inline”则表示该元素是行内元素。
块级元素在html中是每次新起一行来往下排列显示的,所以如果在img 标签中用到block属性,就会使图片换行。
html中块级常用到的块级元素有以下几个:
div :html中最常用到的块级标签元素
form :表单元素标签
h1~h6 :标题元素标签
hr :水平分隔线标签
p:段落标签
pre:格式化标签
table :表格标签
ul:无序列表
html中常用到的行内标签有以下几个:
a:锚点
b:粗体
br:换行
em:强调
font
i:斜体
img:图片
input 输入框
label 表格标签
select 项目选择
span 常用内联容器,定义文本内区块
strong 粗体强调
textarea 多行文本输入框
html中常用到的可变元素标签(根据上下文语境决定该元素为块级元素或者行内元素)
button:按钮元素
del:删除文本
iframe: 内联框架
map:图片区块
object:object 对象
script:客户端脚本
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值