元素一般都要设置宽和高吗？

tanshile7662 2017-07-15 11:47:10

元素一般都要设置宽和高吗？
是不是不设置宽和高，就容易出错？

...全文

179 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

当作看不见 2017-07-15

打赏
举报

回复

大多数情况下,设置会比较好,但不能一概而论, 图片直接设置宽和高,页面在渲染的时候就不会出现浏览器重复计算布局的问题(图片没加载完,但是dom加载完,计算布局,没设置宽高,加载图片后,再次计算布局), 但也有响应式设计,就只有宽,还有flex 之类的布局.总体而言,对于需要时间加载的元素,最好设置宽高,典型的就是图片,

[html] 可以给内联元素设置宽和高吗？为什么？ 1.正常情况下不能设置宽高(可替换内容元素除外例如img) 2.元素被浮动，绝对定位，固定定位后，可以设置宽高 3.display:block,display:inline-block等后可以设置宽高 4.内联元素的宽高是由其内容决定的，并且在一行显示（可以换行），呈现包裹性,因此设置宽高无效。个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题

css可以设置div的宽度和高度吗？答案是：可以。在CSS中可以使用width属性和height属性来设置div的宽度和高度。下面本篇文章就来给大家介绍一下width属性和height属性，希望对大家有所帮助。width属性设置元素的宽度；height属性设置元素的高度。这两个属性定义元素内容区的宽度和高度，在内容区外面可以增加内边距、边框和外边距。行内非替换元素会忽略width属性和height...

一般来说行内元素是没法为其设置宽高的，但身为行内元素的img为什么却可以设置宽高？经查阅资料发现，img属于可替换元素，在css中可替换元素的展示效果是不由css来控制的可替换元素是一种外部对象，它们外观的渲染，是独立于css的。 css可以影响这些元素的位置但是不能影响元素本身的样式（但是css里面设置宽高也可以映射到img上，可能是继承了父文档的样式，问题先保留，以后有空了再研究）可替换元素有 iframe video embed(嵌入元素，大部分浏览器已弃用) img 有些元素仅在特定情况

在练习的时候大家有没有注意到一个问题，就是img可以设置宽高！什么？！不可能！img不是行内元素嘛？行内元素设置宽高是无效的啊！我不信！好吧，最开始我看行块元素的时候也注意到这个问题了，要解决题目上的问题，我们就要先了解行元素和块元素！ html5中，元素被分为两大类：inline（行内元素/内联元素）与block（块级元素）。常见的行内元素有：a，span，img，strong(加粗)，input，label，select，textare，button 常见的块级元素有：div，ul，ol，li，d

我们都知道行内元素直接设置宽高是无效的。当我们在面试中遇到这个问题的时候，很容易想到给它设置 display:block或者display:inline-block就可以了，但是面试官来了句“还有其他方法吗？” 1、常用的行内元素 <a> 标签可定义锚 <abbr> 表示一个缩写形式 <acronym>定义只取首字母缩写 <b> 字体加粗 <bdo> 可覆盖默认的文本方向 <big> 大号字体加粗 <br>

61,114

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章