html学习日记part05

本文深入探讨了HTML中用于强调文本、设置样式、引用、换行等关键元素的使用技巧,帮助读者掌握如何利用<em>、<strong>、<span>等标签提升网页表现力。

  加入强调语气:

  <em>要强调的文本</em>  使用斜体强调

  <dtrong>要强调的文本</strong>  使用加粗强调

 

  为文字设置单独样式:

  <span>bla...bla</span>  但在<style></style>标签里要声明用什么

  <style>

    span{ color : blue; }

  <style>

 

  文本引用:

  短文本:<q>bla...bla</q>

  长文本:<blockquote>引用文本</blockquote>

 

  换行:

  <br> or <br />

 

  添加空格:

  &nbsp;

  

  添加水平横线:

  <hr> or <hr />

 

  添加地址信息:

  <address>文本</address>

 

  添加代码:

  <code>代码</code>  添加一行代码

  <pre>代码</pre>  添加一段代码

转载于:https://www.cnblogs.com/JLU-lp/p/5657273.html

数据驱动的两阶段分布鲁棒(1-范数和∞-范数约束)的电热综合能源系统研究(Matlab代码实现)内容概要:本文围绕“数据驱动的两阶段分布鲁棒(1-范数和∞-范数约束)的电热综合能源系统研究”展开,提出了一种结合数据驱动与分布鲁棒优化方法的建模框架,用于解决电热综合能源系统在不确定性环境下的优化调度问题。研究采用两阶段优化结构,第一阶段进行预决策,第二阶段根据实际场景进行调整,通过引入1-范数和∞-范数约束来构建不确定集,有效刻画风电、负荷等不确定性变量的波动特性,提升模型的鲁棒性和实用性。文中提供了完整的Matlab代码实现,便于读者复现和验证算法性能,并结合具体案例分析了不同约束条件下系统运行的经济性与可靠性。; 适合人群:具备一定电力系统、优化理论和Matlab编程基础的研究生、科研人员及工程技术人员,尤其适合从事综合能源系统、鲁棒优化、不确定性建模等相关领域研究的专业人士。; 使用场景及目标:①掌握数据驱动的分布鲁棒优化方法在综合能源系统中的应用;②理解1-范数和∞-范数在构建不确定集中的作用与差异;③学习两阶段鲁棒优化模型的建模思路与Matlab实现技巧,用于科研复现、论文写作或工程项目建模。; 阅读建议:建议读者结合提供的Matlab代码逐段理解算法实现细节,重点关注不确定集构建、两阶段模型结构设计及求解器调用方式,同时可尝试更换数据或调整约束参数以加深对模型鲁棒性的理解。
如果你希望 **“PNG Part No.:”、“Customer:”、“Customer code:”** 这三个字段 **在同一行中,并且** **均分宽度**,可以使用 `Flexbox` 布局,让父容器为 `display: flex;`,并为每个子项设置 `flex: 1;`,这样它们就会自动平均分配容器的宽度。 --- ## ✅ 示例代码 ### ✅ CSS 样式 ```css .row { display: flex; width: 100%; gap: 10px; /* 三列之间的间距 */ margin-bottom: 15px; } .col { flex: 1; /* 均分宽度 */ display: flex; align-items: center; } .col input[type="text"] { flex: 1; padding: 4px; box-sizing: border-box; } .col label { white-space: nowrap; margin-right: 10px; font-weight: bold; } ``` ### ✅ HTML 结构 ```html <!-- 一行中的三列:均分宽度 --> <div class="row"> <!-- PNG Part No. --> <div class="col"> <label>PNG Part No.:</label> <input type="text" /> </div> <!-- Customer --> <div class="col"> <label>Customer:</label> <input type="text" /> </div> <!-- Customer code --> <div class="col"> <label>Customer code:</label> <input type="text" /> </div> </div> ``` --- ## ✅ 效果说明 | 元素 | 说明 | |------|------| | `.row` | 使用 `display: flex;`,使子元素在同一行排列 | | `.col` | 使用 `flex: 1;`,确保每个字段均分宽度 | | `gap: 10px;` | 控制三列之间的间距,使布局更美观 | | `<input>` 使用 `flex: 1;` | 确保输入框填满剩余空间 | --- ## ✅ 可选扩展:响应式布局 如果你希望在小屏幕上自动换行,可以使用媒体查询: ```css @media (max-width: 768px) { .row { flex-direction: column; } } ``` 这样在小屏幕上,三列会自动垂直排列。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值