小编Ima*_*man的帖子

我如何使用 min 和 max CSS 函数来处理 auto

我希望能够使用公共margin: auto财产,但有最小的保证金,例如:

margin: 0 max(auto, 16px);
Run Code Online (Sandbox Code Playgroud)

这将使元素水平居中,并且当视口太小时,仍然在两侧强制执行 16px 的边距。但没有工作min()max()CSSmargin: auto;

例如:我想设置样式margin-left: 30px;以及margin-right: 30px;.navbar__menu屏幕降低 500px 时的样式。(不使用@media查询)

margin: 0 max(auto, 16px);
Run Code Online (Sandbox Code Playgroud)
.navbar__menu {
  max-width: 500px;
  height: 50px;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background: red;
  display: flex;
}
Run Code Online (Sandbox Code Playgroud)

html css margin padding

7
推荐指数
1
解决办法
4436
查看次数

如何为 Laravel Blade 组件设置类和内联样式?

我在 Laravel Blade 中有一个组件,想要class在不传递任何数据的情况下设置或内联样式。

我的简单代码是:

<x-atom.form class="mt-5" :data="$fields->main_form"></x-atom.form>
Run Code Online (Sandbox Code Playgroud)

mt-5未设置为x.atom.form组件

我的组件代码是:

<section class="contact-form"></section>
Run Code Online (Sandbox Code Playgroud)

html css laravel laravel-blade

3
推荐指数
1
解决办法
3037
查看次数

标签 统计

css ×2

html ×2

laravel ×1

laravel-blade ×1

margin ×1

padding ×1