首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏小狐狸说事

    仿优设网首页分类页文章列表样式(修改父主题)

    效果图 加入子主题style.css /*优设网文章样式开始*/ .col-3{ flex: 0 0 auto; width: 25% ! important; } .col-3 .widget-area{ width: calc(100% - 16px); min-width: auto ! important; } .col-3 .widget-title{ font-size:23px; font-family: "webfont"; border-bottom : 72px; } .col-3 .b2-widget-post-order span{ font-size: 28px; height: 36px; line-height :36px; } .col-3 .widget ul li h2{ font-size: 14px; line-height: 24px; margin-bottom: 0;

    80230编辑于 2022-11-16
  • 来自专栏PM吃瓜(公众号)

    利用Div + CSS快速布局页面

    100%; display: flex; /*为了让同一row中的div横向排列,而非默认的纵向*/} .col-1 {width: 8.33%; } .col-2 {width: 16.67%; } .col --第三个布局 --> <divclass="row"> <divclass="<em>col-3</em>">1

    <divclass="<em>col-3</em>">2
    <divclass="<em>col</em> -3">3
    <divclass="<em>col-3</em>">4
</body> </html>

2.9K10发布于 2019-08-13
  • 来自专栏ionic3+

    【组件篇】ionic3均分列等宽高图像显示(下)

    那为了使得这个组件能更通用些,改造一下: 旧的html: <ion-row align-items-center> <ion-col col-3 align-self-center *ngFor=" originPath}}" class="auto-image" [style.height]="width"/> </ion-thumbnail> </ion-col> <ion-col col </ion-row> img都定义变量为#image,同时移除[style.height]="width",变成新的: <ion-row align-items-center> <ion-col col originPath}}" class="auto-image" /> </ion-thumbnail> </ion-col> <ion-col col-3 align-self-center

    65930发布于 2018-08-20
  • 来自专栏CSDNToQQCode

    2022年11月23日14:23:00—H5—T7-T8(布局与内容填充)

    {     width: 8.33%;     float: left; } .col-2 {     width: 16.66%;     float: left; } .col

  • 社区
  • 支持
  • <div class="<em>col</em> <li>干锅咕咾肉</li> <li>佛跳跳</li> </ul> </div> <div class="col "height: 5vh;">
    新鲜事
    <div class="<em>col</em>

    27030编辑于 2022-11-28
  • 来自专栏前端大白专栏

    关于react-router4中路由的配置,传参,跳转,可选参数写法

    关于路由跳转:没什么变化:

  • <Link to={'/search/japan'}>日本菜</Link>
  • <Link to='/search/spa'>SPA</Link>
  • 可以使用这两种方式之一进行传参, 可选参数的配置: 和RR2比变了一些: <Route exact path

    4.1K50发布于 2018-06-15
  • 来自专栏个人编程技术学习与分享

    Python Django个人网站搭建13-渲染Markdown目录

    article.body|safe }}

    {# contents #} <div class="<em>col</em> article.id %}'; } } </script> {% endblock content %} 将原来的内容装进col-9的容器中,将右侧<em>col</em>

    67530编辑于 2021-12-14
  • 来自专栏前端笔记

    【JavaScript 理论知识】VUE.JS之初体验:Animate.css封装!

    ->

    对齐

    对齐

    对齐

    对齐

    对齐

    2.7K70发布于 2018-04-17
  • 来自专栏陈纬杰的专栏

    vue.js 初体验:Chrome 插件开发实录

    -3">

    对齐

    对齐

    对齐

    </

    对齐

    对齐

    < div class="col <em>col-3</em>">

    对齐

    下拉框这块功能就这样,简简单单几行代码就实现了。

    10.8K50发布于 2017-05-03
  • 来自专栏我在本科期间写的文章

    纯HTML+CSS网页设计期末作业(海贼王主题网站——图片可换,主题可换)

    -- Taste -->

    class="items">

    海贼

    弗兰克

    乔巴

    天龙人

    <div class="<em>col</em>

    49710编辑于 2024-03-20
  • 来自专栏ionic3+

    【组件篇】ionic3均分列等宽高图像显示(上)

    image.png 组件名为image-selector image-selector.html: <ion-row align-items-center> <ion-col col-3 align-self-center originPath}}" class="auto-image" [style.height]="width"/> </ion-thumbnail> </ion-col> <ion-col col

    1.2K50发布于 2018-08-20
  • 来自专栏腾讯社交用户体验设计

    vuejs初体验-Chrome插件开发实录

    class="resule-preview">        

             
                 

    对齐

             
             
               

    对齐

             
             
               

    对齐

             
           
         </div
             
               

    对齐

             
             
               

    对齐

             
      下拉框这块功能就这样,简简单单几行代码就实现了。

    2.8K20发布于 2018-06-29
  • 来自专栏陶士涵的菜地

    [前端] 前端bootstrap col-xs-6 col-md-3的布局意思

    bootstrap布局是栅格系统 页面分为12格子 col-6  表示占6格 col-3表示占3格 v5版本的新表示 xs<576px sm≥576px md≥768px lg≥992px xl≥1200px

    1.4K10编辑于 2022-02-23
  • 来自专栏Cell的前端专栏

    SQL 总结

    例如: SELECT <col-1>,<col-2>,<col-3>,... FROM <table1> <alias-a>,<table2> <alias-b> WHERE <alias-a>. 例如: SELECT <col-1> <alias-a>,<col-2> <alias-b>,<col-3> <alias-c>,... FROM

    ; 或者 SELECT <col-1> AS <alias-a>,<col-2> AS <alias-b>,<col-3> AS <alias-c>,...

    65510编辑于 2022-02-25
  • 来自专栏老K博客

    grid之经典12列栅格布局组件,经典示例-圣杯布局

    : 5px; } /* 设置项目 列数合并从1到12列 */ .col-1 { grid-column: span 1; } .col-2 { grid-column: span 2; } .col : 5px; } /* 设置项目 列数合并从1到12列 */ .col-1 { grid-column: span 1; } .col-2 { grid-column: span 2; } .col

    60010编辑于 2023-12-18
  • 来自专栏Super 前端

    现代前端技术解析:前端三层结构与应用

    ; <style> .row { width: 100%; } .row .col-1 { width: 25%; } .row .col-2 { width: 50%; } .row .col 一排显示两个 */ @media screen and (max-width: 640px){ .row .col-1 { width: 50%; } .row .col-2, .row .col

    .col-1
    .col-2
    .col-3
    .col-4
    屏幕适配布局 屏幕适配布局是为了实现网页内容根据移动端设备屏幕大小等比例缩放所提出的一种布局计算方式

    1.5K31发布于 2019-08-15
  • 来自专栏第一专栏

    科学计算库-Pandas随笔【附网络隐私闲谈】

    .reshape(4,3),index=[['A','A','B','B'],['a','b','a','b']] ,columns=[['col-1','col-2','col -3'],['ccl-11','col-22','col-33']]) print(data) Out: col-1 col-2 col-3 ccl-11 col 1层','行-第2层'] data.columns.names=['列-第1层','列-第2层'] Out: 列-第1层 col-1 col-2 col 利用层做计算 仍以上述 data 为例: 列-第1层 col-1 col-2 col-3 列-第2层 ccl- 0.369168 依据 行-第1层进行求和, print(data.groupby(level='行-第1层').sum()) Out: 列-第1层 col-1 col-2 col

    3.6K180编辑于 2023-05-25
  • 来自专栏青灯古酒

    Python代码游戏

    and col > 3: if board[row][col] == board[row+1][col-1] == board[row+2][col-2] == board[row+3][col

    81340编辑于 2023-10-16
  • 来自专栏基础web安全

    thinkphp-配置环境引入UI

    核心代码 按钮<button> 表格

  • <div class="<em>col</em>

    1K20编辑于 2022-04-24
  • 来自专栏玩转编程

    Python 系列文章 —— FBP_Scrapy 项目实战

    "]/div[@class="begin float-left w-bar-100 bd-bottom p-b-8 color-999 m-b-8"]/span[@class="float-left col

    32100编辑于 2022-01-15
  • 来自专栏java技术大本营

    工具 | 在两台电脑之间传文字和文件

    currentContent" th:rows="30" style="width: 100%"></textarea>

    <div class="<em>col</em>

    1.5K10发布于 2020-02-25
  • 领券