由于不知如何简要描述问题，所以只好新开一帖了。

qiangsheng 2006-08-28 09:13:47

一个DIV+CSS的网站，原来页面使用左对齐，一些输入框可以很容易的用position: absolute; left: 200px;来对齐，显示如下：
姓名：　　　　姓名输入框
职业：　　　　职业输入框
工作单位：　　工作单位输入框
Email：　　　电子邮件输入框

但是，现在客户要求整个页面居中对齐，由于随着浏览器大小变化，左边距会改变，就不能用上述方法对齐了。如果去掉position: absolute;属性，则输入框就会紧跟着前面的说明文字，变成下面这样的。
姓名：姓名输入框
职业：职业输入框
工作单位：工作单位输入框
Email：电子邮件输入框

请问怎么样才能够也象前面那样可以输入框对齐呢？

...全文

195 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

飘零雾雨 2006-08-29

打赏
举报

try:
=============

<style>
#dy {width:300px;}
#dy ul {margin:0px;list-style:none;text-align:left;}
#dy ul li {padding:3px;display:block;}
#dy ul li i {font-style:normal;width:40%;}
#dy ul li b {font-weight:normal;width:60%;}
</style>
<div id="dy">
<ul>
<li><i>姓名：</i><b>姓名输入框</b></li>
<li><i>职业：</i><b>职业输入框</b></li>
<li><i>工作单位：</i><b>工作单位输入框</b></li>
<li><i>Email：</i><b>电子邮件输入框</b></li>
</ul>
</div>

qiangsheng 2006-08-29

打赏
举报

多谢，我是写在sapn里了，但是没有成功，我再试试看吧。主要是有很多层DIV嵌套，不知道是否有影响。

大猫钓鱼 2006-08-28

打赏
举报

还是写个详细的给楼主看看先：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>t2</title>
<style type="text/css">

</style>
</head>

<body>
<form action="" method="post">
<span class="s1">姓名：</span><input type="text" name="uname" class="i1" />
<span class="s1">职业：</span><input type="text" name="ucareer" class="i1" />
<span class="s1">工作单位：</span><input type="text" name="uworkplace" class="i1" />
<span class="s1">Email：</span><input type="text" name="uemail" class="i1" />
</form>
</body>

</html>

大猫钓鱼 2006-08-28

打赏
举报

你可以把“姓名”，“职业”，“工作单位”，“Email”都加个<span></span>呀，利用span的统一width来间接约束后面的输入框显示的位置，例如：
<style>
span.s1{
float:left;
width:100px;
text-align:left;
}
input{
float:left
}
</style>

<span class="s1">姓名：</span><input type="text" name="uname" />
<span class="s1">职业：</span><input type="text" name="ucareer" />
<span class="s1">工作单位：</span><input type="text" name="uworkplace" />
<span class="s1">Email：</span><input type="text" name="uemail" />

本资源包整理了TypeScript类型系统设计检查清单、前后端接口契约模板、全栈项目目录结构、tsconfig配置基线、CI质量门禁、JavaScript迁移到TypeScript计划和常见问题排查指南，适合前端开发、Node.js后端开发、全栈工程化学习和团队代码质量建设参考。内容为原创模板，不包含真实生产密钥、账号、内部仓库地址或敏感配置，可按项目实际技术栈调整。

DGIOT是国内首款轻量级开源工业物联网平台，我们致力于提供五类物联网解决方案：国企/研究院：平台代码开源，无版权产权困扰，国产无“卡脖”之忧；系统集成商：通用设备海量接入、定制设备二次开发、6分钟一键式私有化快速部署，低成本（降90%成本）；工业设备制造商：海量设备上线运维，不受公有云限制，低成本，短周期自建平台，私有化部署，数据安全；开源平台开发者：一键式开发环境，集成和兼容各种最优开源工具，快速承接物联网项目；垂直领域物联网平台：快速部署私有化平台，千万级承载，运营级底座，全开放扩展

内容概要：本文围绕“单相逆变器闭环逆变电路PWM模型仿真研究”展开，基于Simulink平台构建单相逆变器的闭环控制系统仿真模型，重点研究PWM调制技术在逆变电路中的应用与实现。文中详细阐述了系统架构设计、电压电流双闭环控制策略的实现原理、控制器参数设计及仿真建模全过程，并通过仿真结果验证了控制方案在动态响应、稳态精度与系统稳定性方面的有效性。同时，文档还涵盖多种电力电子系统典型应用场景，如多类型短路故障仿真（中性点不接地、经小电阻接地、经消弧线圈接地等）、软开关技术、微电网能量管理、MPPT控制等，体现出较强的技术综合性和工程实践价值。; 适合人群：电气工程、自动化、电力电子与新能源等相关专业的高校本科生、研究生、科研人员，以及从事电力系统仿真、逆变器设计与新能源并网技术研发的工程技术人员。; 使用场景及目标：①掌握基于Simulink的单相逆变器闭环控制系统建模与PWM仿真方法；②深入理解双闭环控制、SPWM/SVPWM调制、系统稳定性分析等核心技术原理；③为课程设计、毕业设计、科研项目或实际工程开发提供可复用的仿真模型与技术支持；阅读建议：建议结合文中仿真模型动手实践，重点掌握PI控制器参数整定、PWM信号生成机制与仿真结果分析方法，同时可延伸学习文档中涉及的软开关、故障仿真、微电网控制等关联技术，以拓展系统级设计能力。

做 CAD 的小伙伴注意啦！打开图纸文字乱码、缺字、全是问号？别慌，我整理了全套解决办法，大部分这类问题都能一次性修好，欢迎下载！

一个开源的工业物联网（IIoT）边缘计算网关，专注于工业现场设备数据的高效采集、边缘处理与可靠转发。项目面向真实工业场景设计，强调稳定性、高性能、可扩展性与工程可维护性，适用于工业自动化、能源、电力、制造、楼宇等多种应用环境。ThingsGateway 采用模块化与插件化架构，支持多种工业通信协议，可在边缘侧完成数据采集、预处理、协议转换与转发，有效降低系统耦合度与云端压力，是构建工业物联网系统的基础设施组件。