在
网站建设过程中我们已经知道CSS逻辑属性或URL改编,但是我们仍有很多地方需要熟悉并广泛部署它们。为了帮助大家提高对其可能性的认识，今天深圳尼高小编就和大家分享下相关的经验。
就用户界面而言，本地化是最有趣的领域之一:文本长度可能因语言而异，文本的默认对齐方式可能不同，阅读方向可以是镜像的或垂直的，以及许多其他不同的情况。简而言之，这是一个令人难以置信的多样性来源，这使得我们的界面和前端工作方式更强大、更可靠、更具挑战性。大多数语言，如法语或英语，都是从左向右阅读的(LTR)。但是，在这些情况下，有些语言(如波斯语、阿拉伯语和希伯来语)具有不同的阅读方向—从右向左(RTL)。
在CSS逻辑属性之前，我们可以用不同的方法进行RTL改编:只为RTL附加费/布局添加专用CSS文件；仅追加同一CSS中需要修改的部分，例如[dir="rtl"] .float-left { float: right; }.即使这些方法在起作用——我使用了第二种方法来创建支持人权网站的阿拉伯文版几年前——两者都相当次优:您需要为第一个文件维护另一个文件；第二个文件的CSS文件有点重，可能需要处理一些问题(特殊性、添加更更多属性等等)。
即使是最好的CSS模块，任何已经改编过RTL的人都会说，混合RTL和LTR内容有时(经常)会给出疯狂的东西。让我们以质子驱动为例，它有一个组件叫做MiddleEllipsis。该组件的目标是在文件扩展名之前应用省略号，以获得类似my-filename-blahblahblah…blah.jpg.没什么疯狂的:我们将内容分成两部分并应用text-overflow: ellipsis第一次。你可以查一下这个的来源MiddleEllipsis成分。浏览器做到最好，显示出来的东西从它的角度来看没有错，但这对于一个人来说毫无意义。在这种情况下，我们选择保留LTR显示以保持文件名的用途，但将其向右对齐。
即使绝对的完美是不存在的，转向CSS逻辑属性也是这是一个非常有趣的举动，也是对未来的一个好赌注:我们使用这些CSS逻辑道具编写了更少的代码，并且通过使用它们减少了未来的工作量，因此它确实朝着一个令人兴奋的方向发展。
