没有不值得去解决的问题,也没有不值得去学习的技术!

对于文字两端水平对齐的解决方案

作者:

在

<div>
<h2>MAS-0200迷你小金鱼缸6</h2>
<span>产品尺寸</span>424*213-256mm<br />
<span class=”p_l”>重&nbsp;量</span>5.4kg<br />
<span>输入电压</span>AC 110-240V<br />
<span class=”p_l”>功&nbsp;率</span>50Hz-60Hz<br />
<span>产品适用</span>自用/生日/结婚/乔迁/高升/朋友赠礼<br />
</div>

#parameter .par .p_l {
float: left;
width: 80px;
height: 30px;
}
#parameter .par .spac {
word-spacing: 28px;
}

原理:通过对于字体数量较少的词语使用字体间距来进行控制,可以达到产品相关参数两端对齐的效果。而使用css的文字对齐属性是不起作用的,可以说是。不过这种方法只适用于对于一行文字数量已经确定的情况才行。

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系