【前段开发】行内元素和块级元素总结（HTML CSS）_html/css_WEB-ITnose

php中文网

发布时间：2016-06-24 12:05:27

1171人浏览过

来源于php中文网

原创

块级元素

知识画家

AI交互知识生成引擎，一句话生成知识视频、动画和应用

下载

information on author

long quotation

push button

table caption

definition description

deleted text

generic language/style container

definition list

definition term

form control group

interactive form

heading

horizontal rule

inline subwindow

inserted text

fieldset legend

list item

client-side image map

alternate content container for non frame-based rendering

alternate content container for non script-based rendering

generic embedded object

ordered list

paragraph

preformatted text

table

table body
		table data cell

table footer
		table header cell

table header

table row
	unordered list

行内元素

立即学习“前端免费学习笔记（深入）”；

	anchor
	abbreviated form
	acronym
	bold text style
	I18N BiDi over-ride
	large text style
	forced line break
	push button
	citation
	computer code fragment
	deleted text
	instance definition
	emphasis
	italic text style
	inline subwindow
@@##@@	Embedded image
	form control
	inserted text
	text to be entered by the user
	form field label text
	client-side image map
	generic embedded object
	short inline quotation
	sample program output, scripts, etc.
	option selector
	small text style
	generic language/style container
	strong emphasis
	subscript
	superscript
	multi-line text field
	teletype or monospaced text style
	instance of a variable or program argument

行内元素、非置换元素不会应用width属性，比如对行内元素应用了width:200px,你不会看到任何效果出现。

行内元素、非置换元素不会应用height属性，但是高度可以通过line-height来指定。

行内元素你可以给它设置padding，但只有padding-left和padding-right会有效果，没有padding-top和padding-bottom。

margin属性也是和padding属性一样，对行内元素左右有效，上下无效。

【前段开发】行内元素和块级元素总结（HTML CSS）_html/css_WEB-ITnose

如何正确设置 HTML 背景图片以全屏铺满视口宽度

如何通过内联 JavaScript 隐藏特定表格行

Chrome 扩展干扰本地网页字体加载：快速定位与禁用方案

如何使用 curl 阻止 PHP 重定向并获取原始响应内容

如何让 HTML 背景图片完整覆盖容器全宽（避免横向溢出）

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关专题

主流快递单号查询入口实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容，重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题，帮助用户快速获取最新物流状态，提升查件效率与使用体验。

2026.02.02

Golang WebAssembly（WASM）开发入门

本专题系统讲解 Golang 在 WebAssembly（WASM）开发中的实践方法，涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化，以及典型应用场景（如前端计算、跨平台模块）。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

2026.02.02