开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何对齐3个div左-中-右？

问如何对齐3个div左-中-右？
EN

Stack Overflow用户

提问于 2013-02-28 11:29:03

回答 5查看 48K关注 0票数 9

我如何在一行中左中右对齐3个div，而不必定义明确的大小？

左侧应与左侧边缘对齐最多，右侧应与右侧边缘对齐。

以下内容不起作用：

<div style="float: left;">
    left
</div>
<div style="float: right;">
    right
</div>
<div style="margin: 0 auto;">
    center
</div>

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-02-28 11:39:12

添加一个包装器div并给出text-align:center

CSS

.wrap{
        text-align:center
    }

HTML

<div class="wrap">
<div class="left">
    left
</div>
<div class="right">
    right
</div>
<div class="center">
    center sdv dg sdb sdfbh sdfhfdhh h dfh
</div>
    </div>

票数 16

EN

Stack Overflow用户

发布于 2013-02-28 11:33:22

<div style="width:100%;margin:0 auto; padding: 0">
     <div style=" float:left;width:32%;border: thin solid black">
         left
     </div>
     <div style=" float:left;width:32%;border: thin solid black">
         center
     </div>
     <div style=" float:left;width:32%;border: thin solid black">
          right 
     </div>
 </div>
 <div style="clear:both">
 </div>

票数 2

EN

Stack Overflow用户

发布于 2013-02-28 11:38:10

下面是一个示例，说明如何通过以正确的顺序放置浮点数来实现此目的。

jsFiddle Example

<div class="square" style="float: left;">left</div>
<div class="square" style="float: right;">right</div>
<div class="square" style="margin:0 auto  !important;">center</div>


.square {
width:50px;
height:50px;
background-color:#ff0000;
text-align:center;
border: 1px solid #000;
}

票数 2

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15134389

复制

相关文章

Django REST Framework-如何使用分页

在 Web 开发中，处理大量数据是非常常见的。但是，如果一次性返回所有数据，不仅会增加服务器的负担，而且还会影响客户端的响应时间。为了解决这个问题，分页被广泛应用于 Web 应用程序中，特别是在 RESTful API 中。

玖叁叁

2023/04/25

2.1K1

第 6 篇：分页接口

node.js github git 开源 api

如果没有设置分页，django-rest-framework 会将所有资源类表序列化后返回，如果资源很多，就会对网站性能造成影响。为此，我们来给博客文章列表 API 添加分页功能。

HelloGitHub

2021/05/14

6700

Django REST framework初次使用

api python php 数据库 sql

我们将使用 django-rest 创建一个简单的API，以允许管理员用户查看和编辑系统中的user和group。

用户4945346

2020/06/16

7360

python测试开发django-rest-framework-86.分页查询功能(PageNumberPagination)

api 编程算法 http django node.js

当查询出来的数据量非常大的时候，需要分页查询，django-rest-framework 提供了分页的支持。有三种分页功能：PageNumberPagination，LimitOffsetPagination，CursorPagination。

上海-悠悠

2021/02/03

1.2K0

Django REST Framework-类视图（三）

ModelViewSet是一个基于视图集的通用类，提供了处理CRUD操作的通用功能。它继承自GenericAPIView和ViewSetMixin，提供了以下方法：

玖叁叁

2023/04/24

3100

Django REST Framework-类视图（二）

除了APIView类之外，DRF还提供了许多其他的类视图，以便我们更方便地编写代码和扩展API。以下是其中的一些：

玖叁叁

2023/04/24

2920

Django REST Framework-类视图（一）

Django REST Framework提供了许多内置的视图来处理不同类型的请求。其中一种是类视图，类视图是一个基于类的视图，可以继承DRF的APIView类或其子类。类视图提供了更多的灵活性和可重用性，可以更容易地组织代码和扩展API。

玖叁叁

2023/04/24

3180

Django REST Framework

Django REST Framework 1. REST 前后端分离 API-ApplicationProgrammingInterface 为了应付千变万化的前端需求 REST:RepresataionsStateTrans 20000 Fieding博士提出 RESTful：遵守REST规范的技术设计的软件可以称为RESTful REST规范 URL代表一个资源，一个资源应该是一个名词动作有HTTP的methode方法提供 URL应该包含版本信息，版本信息也可以放在HTTP协议中过滤信息，使用UR

ruochen

2021/07/22

2.2K0

Django REST Framework

Django Rest Framework

https://q1mi.github.io/Django-REST-framework-documentation/

vanguard

2020/07/07

2.3K0

Django REST framework+Vue 打造生鲜超市（五）六、商品类别数据展示

django 数据库

六、商品类别数据展示 6.1. 商品类别数据接口（1）商品分类有两个接口：一种是全部分类：一级二级三级一种是某一类的分类以及商品详细信息：开始写商品分类的接口（2）序列化给分类添加三

zhang_derek

2018/04/13

2.4K0

Django REST framework+Vue 打造生鲜超市（五）
六、商品类别数据展示

六、商品类别数据展示

接口相关代码都放在src/api/api.js里面，调试接口的时候我们首先需要新建一个自己的host，然后替换要调试的host

90后小陈老师

2018/10/01

1.6K0

也可通过自定义Pagination类，来为视图添加不同分页行为。在视图中通过pagination_clas属性来指明。例如：

仙人技术

2020/07/14

8311

django rest_framework使用jwt

json python django

jwt 不是 rest_framework自带的认证方式，需要通过第三方库djangorestframework-jwt结合使用

编程黑洞

2023/03/06

4860

django rest_framework使用jwt

Django REST Framework-分页（一）

在 Web 应用程序中，当我们从数据库中检索大量数据时，为了避免一次性返回所有数据，通常需要将数据分成多个页面。这就是分页的基本概念：将数据分成多个页面，每个页面包含一定数量的数据。

玖叁叁

2023/04/25

2980

8.寻光集后台管理系统-用户管理(增删改查)

在完成了登录和注册视图之后，需求中还需要管理员可以管理用户列表，所以就需要完成基础的增删改查操作

zx钟

2022/12/02

1.9K0

8.寻光集后台管理系统-用户管理(增删改查)

Django REST Framework-常用的类视图

Django REST Framework是基于Django的一个用于构建Web API的框架。它提供了许多用于构建Web API的工具和实用程序，其中最常用的是类视图。类视图是一种Django REST Framework的API视图，它是基于类的视图。它提供了一种方便的方式来编写可重用的Web API视图，并带有许多有用的内置功能。

玖叁叁

2023/04/24

7180

DRF框架学习（四）

重写 get_serializer_class和get_queryset,根据不同的操作返回不同的序列化器类和不同的查询集。

小闫同学啊

2019/07/18

2.8K0

Django REST framework初识

django 网站 api json php

现在工作中用的就是 django-rest 框架，今天主要讲下 django-rest 是个什么东西，为什么会使用它。准确的说 django-rest 是 django web 框架的一个插件，透过Django REST framework( DRF ) 建立 REST API 非常方便快速。现在的常见的开发的模式是前后端分离模式，页面是由前端工程师使用vue、 react等前端框架编写，接口由后端工程师通过其他框架编写，简单来说，前端工程师负责页面渲染，后端工程师负责接口，为前端页面提供数据。这样前后端都由各自擅长的工程师负责，不像很早之前，前后端由一个人编写。这样做的好处是各司其职，专业的人做专业的事。开发效率也很高效，因为django开发速度比较快，如果写api接口的话用django-rest和django很搭。

用户4945346

2020/06/16

6280

点击加载更多

相似问题

Django rest如何使用PageNumberPagination分页

19

Django Rest 'PageNumberPagination‘对象没有属性’页面‘错误

34

如果页码超出范围，Django PageNumberPagination自定义错误

20

如何在Django Rest框架中使用LimitOffSetPagination而不是PageNumberPagination？

11

以Django Rest Framework / JSON格式向关系添加属性

13

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例