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

Solutions for Justifying Text Horizontally

作者:

在

<div>
<h2>MAS-0200 Mini Goldfish Tank 6</h2>
<span>Product Dimensions</span>424*213-256mm<br />
<span class=”p_l”>Weight</span>5.4kg<br />
<span>Input Voltage</span>AC 110-240V<br />
<span class=”p_l”>Power</span>50Hz-60Hz<br />
<span>Product Application</span>Personal use/Birthday/Wedding/Housewarming/Promotion/Gift for friends<br />
</div>

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

Principle: By controlling the letter spacing for words with a small number of characters, you can achieve a justified alignment effect for product-related parameters. Using the CSS text-align property does not work for this, it is safe to say. However, this method only works when the number of characters in a line is already fixed.

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

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

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

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

关于我  ·  GitHub  ·  邮件联系