Question

Flex box＆＃34; inlined＆＃34;作为html属性：(sample taken from LumX website)：

<div flex-container="row">
    <div flex-item>
        <lx-text-field label="Company" disabled="true">
            <input type="text" ng-model="textFields.disabled" ng-disabled="true">
        </lx-text-field>
    </div>
</div>

或者作为CSS属性：

  display: flex;
  flex-direction: row;

使用flexbox的推荐方法是什么？作为css类还是作为html属性？

Answer 1

我认为这是一个有点主观/相对的问题，因为它可能只是一个偏好问题。也就是说，这是第一次我看到内联Flexbox;我在Flexbox上看到的所有帖子，教程等都是使用CSS属性制作的。

通常的做法似乎是使用CSS。我提出这样做的两个原因：

关注点分离：通常不鼓励使用内联CSS，因为它会使用演示文稿（CSS）混淆内容（HTML）。将它们分开，可以更容易地维护和修改网站。
自定义更改：例如，根据屏幕大小（使用媒体查询），您可能需要使用不同的布局，或者您可能需要使用供应商前缀浏览器＆＃39;支持。在这两种情况下，使用单独的CSS代码比使用内联HTML更好。

Flexbox：内联为html属性还是CSS类？

1 个答案: