<fieldset>标签
2024-10-18 19:28:22
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS控制文字在一条线的中间</title>
<style type="text/css">
* {
font-size:12px;
margin:0;
padding:0;
}
fieldset {
padding:10px;
margin:10px;
width:150px;
color:#333;
border:#06c dashed 1px;
}
legend {
color:#06c;
font-weight:800;
background:#fff;
}
ul {
list-style-type: none;
margin:8px 0 4px 0;
}
li {
margin-top:4px;
}
</style>
</head>
<body>
<fieldset style="float: left">
<legend>A相</legend>
<ul>
<li>
I:10A
</li>
<li>
U:10V
</li>
<li>
P:10KW
</li>
</ul>
</fieldset>
<fieldset style="float: left">
<legend>B相</legend>
<ul>
<li>
I:10A
</li>
<li>
U:10V
</li>
<li>
P:10KW
</li>
</ul>
</fieldset>
<fieldset style="float: left">
<legend>C相</legend>
<ul>
<li>
I:10A
</li>
<li>
U:10V
</li>
<li>
P:10KW
</li>
</ul>
</fieldset>
<fieldset style="float: left">
<legend>汇总</legend>
<ul>
<li>
I:10A
</li>
<li>
U:10V
</li>
<li>
P:10KW
</li>
</ul>
</fieldset> </body>
</html>
CSS控制文字在一条线的中间
A相
- I:10A
- U:10V
- P:10KW
B相
- I:10A
- U:10V
- P:10KW
C相
- I:10A
- U:10V
- P:10KW
最新文章
- 配置Windows下的PHP开发环境
- odoo10 费用报销
- row_number和partition by分组取top数据
- halcon算子
- HtmlAgilityPack 删除script、style以及注释标签
- 【9-7】XML学习笔记01
- Shell数组相关操作
- Xcode 6.3.2 提交APP(Upload Archive)时崩溃的解决办法
- UIAlertView 与 UIActionSheet （提示用户）的使用方法
- Spring @Resource、@Autowired、@Qualifier的区别
- line-height:150%和line-height:1.5的区别
- AMQ学习笔记 - 07. 持久性订阅
- android Spinner的使用
- 谈谈Ext JS的组件——布局的使用方法续二
- 13_Android的生命周期
- OFFICE 您正试图运行的函数包含有宏或需要宏语言支持的内容。
- FastJson一些常见方法(API)：处理JSON变得好简单
- python基础学习第四天
- python-flask-session和scoped_session区别
- python 集合的运算