为什么有些行内元素可以设置宽高

最新推荐文章于 2022-06-04 23:22:44 发布
最新推荐文章于 2022-06-04 23:22:44 发布
阅读量133 收藏
点赞数
原文链接：http://blog.51cto.com/13550695/2116140
版权

html中有一类元素比较特殊，虽然他们属于行内元素，但是他们是可以设置宽高的，如img|input|select|textarea|button|label等，他们被称为可置换元素（Replaced element）。他们区别一般inline元素（相对而言，称non-replaced element）是：这些元素拥有内在尺寸(intrinsic dimensions),他们可以设置width/height属性。他们的性质同设置了display:inline-block的元素一致。

转载于:https://blog.51cto.com/13550695/2116140

weixin_34353714
关注
前端-HTML/CSS-元素宽高特点及元素类型转换-块级元素、行级元素、行内块级元素
zx237964689的博客
05-28 2213
1、块级元素:（1）、可以设置宽高（2）、不可以与其他元素待在一行（3）、不设置宽高时，元素的宽度等于父元素的宽，高度由元素内容的高度决定（4）、当设置有宽高时，元素的宽高就是设置的值2、行级元素：（1）、不可以设置宽高，设置的宽高无效（2）、可以与其他元素待在一行（3）、元素的宽高由元素内容的宽高决定3、行内块级元素：（1）、可以设置宽高（2）、可以与其他元素待在一行（3）、当没有设置宽高时，宽高由元素内容决定。
有关行内元素属性的设置（宽高）和块元素自适应大小的问题
AdamMaoKkk的博客
11-20 4571
今天看书看到< sqan >突然想起来以前做题时行内元素无法设置宽高的问题 就一并把相关的几个属性的应用也查了一下 以下内容均为亲身测试： 我做了个盒子（浅灰），里面添了一个行内元素（灰色）来测试 。 。 。 1.行内元素（< sqan >,< a> 等）无法设置宽高 可以这么理解，行内元素默认样式为固定的一行 所以此时这一行的宽高均随行内的字体大小而变化 （先...
img等行内元素为什么可以设置宽高
qq_36233876的博客
08-02 1635
一般来说行内元素是没法为其设置宽高的，但身为行内元素的img为什么却可以设置宽高？ 经查阅资料发现，img属于可替换元素，在css中可替换元素的展示效果是不由css来控制的 可替换元素是一种外部对象，它们外观的渲染，是独立于css的。 css可以影响这些元素的位置但是不能影响元素本身的样式（但是css里面设置宽高也可以 映射到img上，可能是继承了父文档的样式，问题先保留，以后有空了再研究） 可替换元素有 iframe video embed(嵌入元素，大部分浏览器已弃用) img 有些元素仅在特定情况
关于行元素可以设置宽高的那些事
weixin_30664615的博客
11-05 109
CSS:haslayout知多少 我们都知道浏览器有bug，而IE的bug似乎比大多数浏览器都多。IE的表现与其他浏览器不同的原因之一就是，显示引擎使用一个称为布局(layout)的内部概念。 因为布局是专门针对显示引擎内部工作方式的概念，所以一般情况下不需要了解它。但是，布局问题是许多IE显示bug的根源，所以理解这个概念以及它如何影响CSS对修复bug是有帮助的。 ...
行级标签span a label 等 如何设置宽度
zscmj的专栏
07-04 1205
在对应的css 中加上下面这两句：特别是第二句：超级重要，不然会没有效果   {  width:100px;    display:inline-block;}
知道一个div的宽高背景色，如何不通过写在行间样式的办法更改样式？currentStyle(只兼容ie)，getComeputedStyle(兼容)-->获取非行间样式...
weixin_30325071的博客
06-08 108
知道一个div的宽高背景色，如何不通过写在行间样式的办法更改样式？currentStyle(只兼容ie)，getComeputedStyle(兼容ie9以上)-->获取非行间样式 (1)currentStyle 仅支持ie <!doctype html> <html lang="en"> <head> <meta charset="U...
为何img、input等内联元素可以设置宽高
09-27
反之，将一个块级元素的display属性设置为“inline”可以使其变成行内元素，但这时宽高设置通常无效，除非将其转换为“inline-block”。 总的来说，img和input等内联元素可以设置宽高的原因在于它们的替换元素特性...
行内元素、块元素都有哪些
09-22
行内元素的特点还包括它们的宽高不易调整，且无法设置margin和padding，但可以设置color、font等文本相关的CSS属性。 块级元素则不同，它们每个都会独占一行，即使内容很少，也会从左到右填满其父容器的宽度。这些...
css盒模型和块级、行内元素深入理解
09-25
行内元素，如`<a>`、``和`<strong>`，则可以在同一<em>行内并排显示，它们的宽度由内容决定，高度通常由字体大小决定，不支持直接设置宽高。行内元素通常用于文本修饰或链接。 然而，通过修改`display`属性，可以...
行内元素设置宽高
吴渣渣的博客
08-05 4737
对行内元素如span设置宽高，可以通过css设置display：block或者设置为浮动float 块元素。　特性：有物理属性，width,height写值起作用，而且要占据一行。 内联元素。 特性：没有物理属性。但是margin，padding值有用。不占据一行，后边可以有兄弟元素。 即是块又是内联，根据兄弟兄弟元素决定。 为什么是float之后才会有物理属性，这就是块与内联元素相互转化的问题。
元素类型
猫沙盆
04-13 3327
元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如和就不同，而和也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一。  1. 替换和不可替换元素从元素本身的特点来讲，可以分为替换和不可替换元素。 a) 替换元素替换元素
前端开发面试题
weixin_34314962的博客
02-18 3106
HTML Doctype作用？有什么作用？标准模式与兼容模式各有什么区别? 告诉浏览器按照何种规范解析页面 文档头声明、告诉浏览器其排版模式和JS运行是否以该浏览器的最高标准运行、若没有则模拟老师浏览器、以防止站点无法工作 1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE...
行内元素img竟然可以设置宽高！
Schrodingers_Shiba的博客
10-11 3059
今天写静态页面时发现，img在限时模式设置为inline的时候，设置的宽度竟然还能生效。 原来img既是行内元素 又是置换元素（Replaced element） 。 所谓置换元素就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。浏览器会根据标签的src属性的值来读取图片信息并显示出来，而如果查看(X)HTML代码，则看不到图片的实际内容； 另外input select textare...
关于CSS盒模型的flex弹性布局的笔记
XIao___FAN的博客
12-05 549
前言： 以下内容由小范看黑马程序员flex的相关视频整理的笔记，希望能帮助到大家。 flex布局 可以用少量的的代码高效的实现各种页面的布局，是一个基础的但是必须会的基本技能。 与传统布局相比 传统布局：兼容性好 布局繁琐 局限性，不能在移动端较好的布局 flex弹性布局：操作方便，布局简单，移动端应用广泛 PC端浏览器支持情况差 flex布局初体验 现在小范想要让三个行内元素能设置宽高并且要让它们之间有均匀间距 就如下图的效果 如果运用传统布局 那么代码是 /*CSS代码区
flex---在弹性布局flex布局中，行内标签也能直接加宽高
厚积薄发.
06-04 746
在弹性布局flex布局中，行内标签也能直接加宽高。 在父级能容纳的时候，可以直接给行内元素加宽高， 比如:夫级元素已经加了flex，子元素有一个A标签，可以直接给A标签增加宽高！
为什么有些内联（行内）元素可以设置宽高？
diaoqinxian6438的博客
07-18 1104
为什么有些内联（行内）元素如img、input可以设置宽高？ 在说明之前我们先来了解一些定义。 块级元素和内联元素： ①块级元素总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示。 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制。 块级元素主要有: address , blockquote , center ...
关于行内元素能否设置宽高的问题
热门推荐
little_little0_0的博客
11-18 1万+
理论上来说，行内元素区别于块级元素的一点就是它不能设置宽高。例如：   &lt;div style="width: 100px; height: 100px; background-color: black"&gt; &lt;span style="width: 10px; height: 10px; background-color: white"&gt;&lt;/span&gt;...
某些行内元素也可以设置宽高（置换元素）
分享，让视野更宽阔
02-08 532
行内元素中，置换元素可以设置宽高 置换元素：                  img     input     textarea     select     object  这类默认就有 CSS 格式化外表范围的元素。它们拥有内在尺寸,他们可以设置 width / height属性。他们的性质同设置了display:inline-block 的元素一致。 不可置换元素：(X)HTML...
html行内元素设置高度
最新发布
09-06
- *1* [HTML行内元素设置物理属性(宽高)的几种方式](https://blog.csdn.net/Robby_java/article/details/84760258)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值