当前位置: 首页 > news >正文

HTML_段落与换行

段落对齐

<p>标签的align属性控制段落文本对齐方式:

  • align="left":左对齐(默认值)
  • align="center":居中对齐
  • align="right":右对齐
  • align="justify":两端对齐(长文本会拉伸填充行宽)

水平线与换行

  • <hr/>:插入水平分隔线
  • <br/>:强制换行(行内换行符)

代码细节说明

  • 文档声明<!DOCTYPE html>指定 HTML5 标准
  • <html lang="en">定义文档语言为英语
  • 标题<title>显示在浏览器标签页
  • 最后一个段落包含长无空格字符串,测试两端对齐效果
  • hello <br/> world演示行内文本的强制换行效果

浏览器渲染效果

  • 三个段落分别呈现左对齐、居中、右对齐
  • 水平线分隔上方段落与下方内容
  • 两端对齐段落会均匀分布字符间距以填满行宽
  • "hello" 和 "world" 显示为两行

代码演示:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和换行</title> </head> <body> <p align="left">这是一个段落</p> <p align="center">这是另一个段落</p> <p align="right">这是第三个段落</p> <hr/> <p align="justify">zheshiyige111111111111111111111111111111111111111111111111111111111111111111111</p> hello <br/> world </body> </html>

总结

  1. <p>标签用于定义语义化段落,通过align(或 CSStext-align)控制对齐,段落间自动生成空行;
  2. <br/>是单标签,用于同一文本块内的强制换行,无额外空行,避免滥用;
  3. 现代开发建议用 CSS 替代align等原生属性,实现结构与样式分离,提升代码可维护性。
http://www.jsqmd.com/news/459312/

相关文章:

  • 微网综合能源优化调度代码合集:涵盖多种智能算法与实战应用场景
  • 负荷预测:布谷鸟优化的LSTM模型及对比分析
  • LazyCut
  • 在工控项目里最头疼的就是IO状态监控页面制作,每个按钮指示灯都得手动关联变量。上周调试KTP700触摸屏时突然开窍——做个万能IO显示模板不香吗
  • MATLAB P文件转码工具:将P文件转换为M文件
  • 发电机定子回路故障Simulink单相电流纵联差动保护仿真模型及动作电流波形分析
  • 基于FPGA的FIR滤波器设计:从MATLAB参数设计到FPGA实现及验证
  • 鸿蒙中 系统语言和区域的获取与监听
  • 计算机毕业设计springboot单亲家庭帮扶管理系统 基于SpringBoot的单身父母家庭综合支持与服务系统 特殊结构家庭社会救助与资源对接数字化平台
  • Pscad仿真-三机九节点系统,储能替换一台同步机,对比是否加入调频策略 三机系统改成50hz
  • Adobe Photoshop
  • SpringBoot3快速集成SMS4J,10分钟搞定短信+OA双渠道消息发送
  • 02计算机组成原理-流水线冒险(上)
  • 06.Python 中数字:整数、浮点数完全指南
  • 新手避坑指南:惯性器件参数表里的‘零偏稳定性‘可能骗了你
  • 电力负荷聚类分析:从数据到典型场景
  • 基于PFC6.0的单轴拉伸实验:二维与三维探索及声发射振铃计数解析
  • 锂电池SOC估算:EKF估计SOC仿真与扩展卡尔曼滤波
  • 基于YOLOv8的钢材表面缺陷检测系统【附源码+可远程安装部署】
  • VC维与PAC学习:如何量化你的模型复杂度?
  • 用广义神经网络GRNN实现多特征输入单因变量输出的拟合预测
  • 【小龙虾】OpenClaw 3.8继续炸场!龙虾不睡觉,全球程序员连夜赶工
  • 基于MotorCAD的永磁电机退磁仿真及电流波形自定义探索
  • 车载以太网TC8测试实战:SOME/IP协议在SOA架构下的完整测试流程(含Vector工具链配置)
  • OEE提升15%的机械加工厂的数字化
  • RTKLIB实战:5分钟搞定标准单点定位(SPP)完整流程(附避坑指南)
  • 基于YOLOv8的花卉识别系统【附源码+可远程安装部署】
  • SecureCRT新手必看:10个高效命令让你远程操作飞起(附常用快捷键)
  • FastestDet:超越业界轻量级目标检测算法的五大特性
  • winform PictureBox 显示大图片带垂直滚动条