如何解决更改div类rtl和ltr的方向
我有这个课程,我需要从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>
解决方法
使用css方向属性w3 schools
<div style="direaction:rtl;">olleH</div>
或作为班级名称
<div class="rtl">olleH</div>
在您的样式表中
.rtl{direction:rtl;}
,
u可以使用direction:ltr
来改变方向,但是如果所有页面都出现问题
您需要更改HTML目录
<html lang="en" dir="ltr">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。