如何在创建Laravel标题时修复空白?

huangapple go评论69阅读模式
英文:

How to fix whitespace when creating Laravel title?

问题

我在我的Laravel app.blade.php文件中创建了这样一个字段。

<h1>@yield('heading')</h1>

我在我的about.blade.php文件中使用它如下。

@section('heading')
     测试标题
@endsection

我得到这样的输出。有很多空格和松散。如果我把它们并排写,我会得到这样的结果;

<h1> 测试标题

</h1>

或者如果我不写空格,得到这样的结果:

测试标题@endsection

为了使其没有间隙且顺滑,可以采取什么解决方案?

英文:

I created such a field in my Laravel app.blade.php file.

<h1>@yield('heading')</h1>

I use this in my about.blade.php file as follows. (phpstorm default spacings)

@section('heading')
     TEST HEADING
@endsection

And I get an output like this. There's a lot of space and slack. If I write them side by side, I get a result like this;

<h1> TEST HEADING

</h1>

or such a result if i write no-space

TEST HEADING@endsection

What solution can be produced for this to be gapless and smooth?

答案1

得分: 3

你可以以这种格式编写字符串:

@section('heading')      

   {{ 'TEST HEADING' }} 

@endsection

你可以在这里找到更多详细信息:https://laravel.com/docs/10.x/blade#displaying-data

英文:

You could write strings in this format:

@section('heading')      

   {{ 'TEST HEADING' }} 

@endsection

You could find more details here: https://laravel.com/docs/10.x/blade#displaying-data

答案2

得分: 1

我猜我应该在about.blade.php文件中使用<h1>标签。

@section('notice')
&lt;h1&gt;HEADING&lt;/h1&gt;
@endsection

当我这样做时,问题似乎已经解决了。

英文:

I guess I should use <h1> tags in about.blade.php file.

@section(&#39;notice&#39;)
&lt;h1&gt;HEADING&lt;/h1&gt;
@endsection

It seems to be resolved when I do this.

答案3

得分: 0

为了确保在使用Laravel的Blade模板中的@yield@section指令时,标题周围没有额外的空格或间隙,您可以使用@php指令来编写标题,而不添加任何额外的空格或换行。

在这里有一个示例,说明您如何修改您的代码以实现一个无间隙和平滑的标题:

在app.blade.php中:

<h1>@yield('heading')</h1>

在about.blade.php中:

@section('heading')
    @php
        echo '测试标题';
    @endphp
@endsection

通过使用@php指令,您可以直接编写标题,而不会有任何额外的空格或换行。这将确保输出是无间隙和平滑的。

或者,如果您更喜欢使用Blade语法而不是@php指令,您可以使用{{ }}标签来输出标题,而不添加任何空格:

在about.blade.php中:

@section('heading')
    {{ '测试标题' }}
@endsection

这两种方法都会产生所需的结果,得到一个无间隙和平滑的标题。

英文:

To ensure that there are no extra spaces or gaps around your heading when using the @yield and @section directives in Laravel's Blade templates, you can use the @php directive to write the heading without any extra whitespace or line breaks.

Here's an example of how you can modify your code to achieve a gapless and smooth heading:

In app.blade.php:

&lt;h1&gt;@yield(&#39;heading&#39;)&lt;/h1&gt;

In about.blade.php:

@section(&#39;heading&#39;)
    @php
        echo &#39;TEST HEADING&#39;;
    @endphp
@endsection

By using the @php directive, you can write the heading directly without any extra spaces or line breaks. This will ensure that the output is gapless and smooth.

Alternatively, if you prefer to use Blade syntax instead of the @php directive, you can use the {{ }} tags to output the heading without any spaces:

In about.blade.php:

@section(&#39;heading&#39;)
    {{ &#39;TEST HEADING&#39; }}
@endsection

Both of these approaches will produce the desired result with a gapless and smooth heading.

huangapple
  • 本文由 发表于 2023年6月19日 03:41:00
  • 转载请务必保留本文链接:https://go.coder-hub.com/76502265.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定