一个div中有两个span，只需第一个span居中，第二个span在第一个span居中后左起排列？

Posted 2023-04-13

<div style="text-align:center;margin:0 auto;width:100%;">
<span >收 据</span>
<span > No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div>

参考技术A <span>收 据</span>
<span> No.</span>
<input name="text12" type="text1" style=" display:block;margin:0 auto;border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" /> 参考技术B <div style="text-align:center;margin:0 auto;width:100%;">
<span style="display: block;">收 据</span>
<span> No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div>追问

收据和No在一条线上，收据居中后面紧跟No，不是收据和No一起居中，怎么办？

追答

收 据，改成收 据

本回答被提问者采纳 参考技术C <div style="text-align:center;margin:0 auto;width:100%;">
<span >收 据</span>
<span style="text-align:right; width:30px; > No.</span>
<input name="text12" type="text1" style="border-left: 0px;border-right: 0px;border-top: 0ex;border-bottom: 1px solid black;" size="20" />
</div> 参考技术D ??

span 居中

 韩梦飞沙  韩亚飞  [email protected]  yue31313  han_meng_fei_sha

======

把span 升级为块级元素，div 的宽度。然后使用定位，添加 text-align:center;

比如：

<div style="text-align:center">
<li>排名：<span> 第361名</span></li></div>

======