Question

我有这个课程，我需要从rtl和ltr更改方向，如何使用CSS做到这一点？

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="services"  >
            <div class="row" >
                @foreach($services as $service)
                <div class="col-xs-6 col-sm-3">
                    <div class="item">
                        <div class="img"><img src="{{$service->get_image->src}}" alt="">
                        </div>
                        <h3><a href="">{{$service->name}}</a></h3>
                        <div class="btns">
                            <a href="{{route('service.details',$service->id)}}" class="btn btn-xs btn-warning">{{trans('web.details')}} </a>
                            <a href="{{route('service.form',$service->id)}}" class="btn btn-xs btn-success">{{trans('web.login_service')}} </a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>

Answer 1

使用css方向属性w3 schools

<div style="direaction:rtl;">olleH</div>

或作为班级名称

<div class="rtl">olleH</div>

在您的样式表中

.rtl{direction:rtl;}

Answer 2

u可以使用direction:ltr来改变方向，但是如果所有页面都出现问题您需要更改HTML目录

<html lang="en" dir="ltr">

更改div类rtl和ltr的方向

2 个答案: