css
14篇文章 · 0订阅
  • CSS 布局经典问题初步整理
    本文主要对 CSS 布局中常见的经典问题进行简单说明，并提供相关解决方案的参考链接，涉及到三栏式布局，负 margin，清除浮动，居中布局，响应式设计，Flexbox 布局，等等。
    CSS flexbox
    CSS 布局经典问题初步整理
  • CSS 实现左边定宽右边自适应效果
    现在有一个容器，其中放有两个 div，HTML 和 CSS 代码如下所示。 我们需要这两个 div 并排在一行，并使左边的 div 宽度确定， 右边的 div 宽度能够自适应剩余的容器宽度 。 请写出你能想到的所有可能。
    CSS
  • 实现一个高度自适应的输入框
    需求背景 实现一个输入框，高度可以随着输入文字的增加而自动增高，类似于微信输入 有placeholder，输入为空时，显示placeholder 可设置maxlength 设想1：使用textarea实现 将textarea的高度设置成auto，overflow设置成visib…
    前端
  • 一劳永逸的搞定 flex 布局
    寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…
    CSS flexbox
    一劳永逸的搞定 flex 布局
  • 灵活运用CSS开发技巧
    何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…
    HTML CSS
    灵活运用CSS开发技巧
  • 浏览器的一些“滚动”行为鉴赏
    1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部
    JavaScript
    浏览器的一些“滚动”行为鉴赏
  • 《CSS 揭秘》中的 CSS 技巧
    介绍《CSS 揭秘》这本书中的 CSS 技巧，持续更新中...
    CSS
  • CSS Flex布局属性整理
    Flex布局 display: flex; 将对象作为弹性伸缩盒展示，用于块级元素 display: inline-flex; 将对象作为弹性伸缩盒展示，用于行内元素 注意兼容问题： webkit内核浏览器应使用前缀-webkit IE浏览器，可以很好的兼容IE11+版本，对于…
    CSS flexbox
  • 16种方法实现水平居中垂直居中
    熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…
    前端 CSS
    16种方法实现水平居中垂直居中
  • 腾讯 AlloyTeam：移动端输入框填坑系列（一）
    作者：yana@alloyteam 输入在移动端是一个很常用的功能，那么输入框必然是一个很重要的部分。然而，移动端输入框总会遇到各种各样的问题，无论是样式还是 ios 和 android 两端体验不一致都是很让我们头疼的问题，那么如何使移动 web 的输入框体验更贴近原生也成了一个需要我们…
    iOS 测试 JavaScript