块级与内联元素的使用注意

最新推荐文章于 2024-03-31 19:45:48 发布

hi_dzj

最新推荐文章于 2024-03-31 19:45:48 发布

阅读量620

点赞数

分类专栏： css HTML

本文链接：https://blog.csdn.net/hi_dzj/article/details/9250823

版权

HTML 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

css

11 篇文章 0 订阅

订阅专栏

使用float属性时，如果块级元素向前面内联左飘，则会超到img前面去

            <img alt="返回" src="img/list/back-.png" height="100%"/>
            <div style="float:left;">演唱会</div>

相反，如果块级元素向前面的块级元素左飘，则只会跟在img后面，

            <div><img alt="返回" src="img/list/back-.png" height="100%"/></div>
            <div style="float:left;">演唱会</div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hi_dzj

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

内联元素可以嵌套块级元素吗？

michael8512的博客

09-13

3043

从XHTML标准的定义来说，不论是a还是span的内部都是不能放快元素的。在h4的任何doctype声明下，都不允许a嵌套div，而html5的doctype声明下允许a嵌套div。 xhtml strict下，在没有额外css的描述下，内联元素完全无法嵌套块级元素。xhtml Transitional下面，这种嵌套被接受，但是具体的表现行为被浏览器所解释。事实上一个标签的默认属

内联块inline-block块下沉、多余的水平间隙垂直间隙的问题

小菜鸡程序媛的挣扎史

08-01

944

把导航设置为inline-block以后总是会多出4px的垂直间隙序 display有几种属性： inline是内联对象，比如<a/> 、 <span/>标签等，可以“堆在一起”显示，宽高由内容决定，不能设置； block是块对象，比如<div/>、<p/>标签等，要占一整行，但是宽高可以自定义；为了弥补inline和block的不足...

参与评论您还未登录，请先登录后发表或查看评论

从块级元素和内联元素浅谈标签的嵌套规则

Focus-Fe

12-10

193

从一个问题说起吧------------div能不能放在p标签里面？？？首先还是一个老概念：块级元素---h1,h2,h3,h4,h5,h6,hr,div,fieldset,form,dl,address,ol,p,table,ul,pre等常见 内联元素---a,b,br,em,i,img,input,strong,textarea,span,label等...

块级元素与内联元素总结

mengjavakaifa的博客

10-06

1375

块级元素与 内联元素的区别块级元素：（1）独占一行。（2）宽和高能够起作用 内联元素（行内元素）：与块级元素相反。块级元素常见的有： div、p、tr、th、h、ol、 ul、li、dl、table等 内联元素常见的有： a、td、span、input、button等块级元素与内联元素的嵌套一般所有的块级元素内可以放内联元素。块级元素中嵌套块级

HTML中的块级元素和内联元素

为什么我的眼里常含泪水？

12-22

435

1.特性块级元素（block level element）总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制宽度没有设置时，默认为100% 可以包含某些块级元素和内联元素 注意：p里不能包含h标签 内联元素（inline element） 内联元素...

块级元素与内联元素

一个写代码的废物

10-14

257

看的这样的标题你可能会在心里不禁的问：不是还有行内块元素吗？不是还有 inline-block 吗？很遗憾，在 W3C 规范中，元素的种类只有两种，一种是块级元素 block-level element，另一种是内联元素 inline-level element，为什么呢？下面来讲解。块级元素说到块级元素，大家肯定不会陌生，常见的块级元素有：div、li、table等等。需要注...

HTML块级元素和内联元素（头部和布局）

最新发布

lh11223326的博客

03-31

1172

在HTML中可以使用标签来设置一个内联框架，它的功能是将一个网页嵌入到另一个网页中，标签会在网页中定一个矩形的区域，在这里面可以显示另一个网页的内容。

块级元素和内联元素

qq_34100994的博客

01-06

327

块级标签特点：1、默认条件下，块级元素会新起一行。 2、元素的高度（he），宽度，行高，和顶底边距都是可以设置的。用法：块级元素只能出现在<body>元素内。常见的块级元素：<div>、<p>、<h1-h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form> ...

内联元素与块级元素

人生若只如初见的博客

03-26

174

一、行内元素与块级元素的区别 1、块级元素的特点：（1）总是从新行开始（2）高度，行高、外边距以及内边距都可以控制。（3）宽度默认是容器的100%（4）可以容纳内联元素和其他块元素。 2、内联元素的特点：（1）和相邻行内元素在一行上。（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。（3）默认宽度就是它本身内容的宽度。（4）内联元素只能容纳文本或...

三大元素块级元素、内联元素以及块级内联元素

qq_40571091的博客

09-16

421

内容大纲三大元素块级元素、内联元素以及块级内联元素的具体作用，和其中的一些标签的用处、语法和属性，通过style可以改变大部分标签的属性，学会通过img在网页中插入图片并能更改大小，利用input标签中的type属性来改变输入框的种类，实现较为简单的表单设计，还能使用span标签将一些特殊字符输入并能在网页中展现出来。有序、无序、自定义列表的不同点和具体使用方法，显示出来的样式不同...

进一步理解CSS编程中的块级元素和行内元素

09-24

值得注意的是，`<table>` 虽然也是一种块级元素，但它的布局方式与传统的流式布局不同，它有自己的表格布局规则。在现代网页设计中，为了提高页面性能和可访问性，通常推荐使用 CSS 布局（如 Flexbox 或 Grid）替代...

HTML元素的块级与内联区别

# 1. HTML元素的基础概念 ...在HTML中，元素是构成页面结构的基本单位，每个...在上述示例中，`<p>`是段落元素的开始标签，`</p>`是段落元素的结束标签，而"This is a paragraph."是该段落元素的内容。 ## 1.2 HTML块级

CSS中的嵌套规则，以及块级元素、内联元素、可变元素

学习中

04-02

958

嵌套规则：任何不是块级元素的可见元素都是内联元素 块级元素可以包含内联元素和某些块级元素，但内联元素只能包含其他内联元素 块级元素不能放在<p>里面有几个特殊的块级元素只能包含内联元素：h1~h6, p, dt li内可以包含div 块级元素与块级元素并列，内联元素与内联元素并列来自：HTML中块级元素和行内元素的总结和区分块级元素和行内元素的定义：块级元素总是在新行...

CSS块级与行内元素转换与居中技巧详解

内联元素的示例包括链接`<a>`、文本片段`<span>`以及换行符` `。理解行元素和块元素的行为以及如何灵活运用`display`属性对于网页布局和设计至关重要。居中对齐通常涉及定位技术，如使用`margin`、`flexbox`、`...

element.style覆盖了我的样式！！