枫叶流丹
枫叶流丹

CSS清除浮动使父级元素展开

　　一个没有设置高度的容器div内如果存在浮动元素（即使用了属性float:left或者float:right)，那么该父级元素会无法展开，下面用三种方法解决：
　　源代码为：
　　


<html>
<head>
    <title>清除子元素的浮动title>
    <style type="text/css">
        .content{
            width: 500px;
            border: 1px solid red;
        }
        .left{
            width: 100px;
            height: 100px;
            border: 1px dashed blue;
            float: left;
        }
        .right{
            width: 100px;
            height: 100px;
            border: 1px dashed green;
            float: right;
        }
    style>
head>
<body>
    <div class="content">
        <div class="left">div>
        <div class="right">div>
    div>
body>
html>

产生的效果：
CSS清除浮动使父级元素展开_第1张图片
方法一：设置父级元素的高度，但是要事先知道内容的高度，这里内部的元素高度是100像素，加上上下边框高度2像素，一共是102像素。


<html>
<head>
    <title>清除子元素的浮动title>
    <style type="text/css">
        .content{
            width: 500px;
            border: 1px solid red;
            height: 102px;
        }
        .left{
            width: 100px;
            height: 100px;
            border: 1px dashed blue;
            float: left;
        }
        .right{
            width: 100px;
            height: 100px;
            border: 1px dashed green;
            float: right;
        }
    style>
head>
<body>
    <div class="content">
        <div class="left">div>
        <div class="right">div>
    div>
body>
html>

效果为：
CSS清除浮动使父级元素展开_第2张图片
方法二：添加样式，并在父级元素结束标签前添加both:clear样式。 


<html>
<head>
    <title>清除子元素的浮动title>
    <style type="text/css">
        .content{
            width: 500px;
            border: 1px solid red;
        }
        .left{
            width: 100px;
            height: 100px;
            border: 1px dashed blue;
            float: left;
        }
        .right{
            width: 100px;
            height: 100px;
            border: 1px dashed green;
            float: right;
        }
        .cl{
            clear: both;
        }
    style>
head>
<body>
    <div class="content">
        <div class="left">div>
        <div class="right">div>
        <div class="cl">div>
    div>
body>
html>

效果为：
CSS清除浮动使父级元素展开_第3张图片
方法三：添加overflow属性


<html>
<head>
    <title>清除子元素的浮动title>
    <style type="text/css">
        .content{
            width: 500px;
            border: 1px solid red;
            overflow: hidden;
        }
        .left{
            width: 100px;
            height: 100px;
            border: 1px dashed blue;
            float: left;
        }
        .right{
            width: 100px;
            height: 100px;
            border: 1px dashed green;
            float: right;
        }
    style>
head>
<body>
    <div class="content">
        <div class="left">div>
        <div class="right">div>
    div>
body>
html>

效果为：
CSS清除浮动使父级元素展开_第4张图片

你可能感兴趣的:(css,css)

  • ASP.NET Web Pages - 教程 samFuB asp.net前端后端
    ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不同的开发模式：WebPages（Web页面）、MVC（ModelViewController模型-视图-控制器）、WebForms（Web窗体）：本教程介绍WebPages。WebPagesMVCWebForms从何入手？多数开发人员学习一个新技术，是从查看运行实例开始的。通
  • ASP.NET Web Pages 教程：从入门到精通 KrDebugging asp.net前端后端编程学习
    ASP.NETWebPages是一种用于构建动态网页的技术，它结合了传统的HTML、CSS和JavaScript，以及强大的服务器端编程语言C#。本教程将带您逐步学习ASP.NETWebPages的基础知识，并通过示例代码演示如何创建交互性强、功能丰富的网页应用程序。环境设置在开始学习ASP.NETWebPages之前，您需要进行以下环境设置：安装VisualStudio：您可以从Microsof
  • 条件渲染 v-show与v-if
    v-show和v-if的区别1、渲染的机制不同v-show是通过控制css的display元素也决定元素是否要显示，而v-if则是完全销毁与重建该元素及其子元素，当v-if条件为true时则渲染该元素并将其留在dom中，当条件为false时则将其元素及其子元素从dom中移除。2、渲染的开销不同v-if时惰性的，如果初始条件为false则什么也不做，也不会触发组件的生命周期钩子；只有当首次条件为tr
  • flask +layUI+ ajax 上传图片 weixin_44040169 Pythonflaskajaxlayuipython
    flask+layUI+ajax上传图片-放到本地文件夹中记录：1、在使用layui时出现的问题，加载css,js出现问题GEThttp://127.0.0.1:5000/layui/css/layui.cssnet::ERR_ABORTED404(NOTFOUND)然后我将layui文件夹放到static里改成，就行了（好像对于layui文件相对位置的加载，以当前的html位置为基准）2、使用a
  • GitHub Pages上的个人技术展示网站 Rubix-Kai
    本文还有配套的精品资源，点击获取简介："weirufish.github.io"是一个托管在GitHubPages上的个人技术网站，可能包含个人资料、项目展示、博客文章等内容。该网站可能采用Markdown、HTML和CSS技术构建，提供了一个展示技术能力及分享学习笔记和见解的平台。此外，"weirufish.github.io-master"可能是该项目的主要分支或版本。网站特别注重样式设计，使
  • 一文学会 ts 构建工具 —— tsup
    文章目录能打包什么？安装用法自定义配置文件条件配置在package.json中配置多入口打包生成类型声明文件sourcemap生成格式自定义输出文件代码分割产物目标环境支持es5编译的环境变量对开发命令行工具友好监听模式watch提供成功构建的钩子onSuccess压缩产物minify自定义loaderTreeshaking类型检查支持CSS（实验性功能）元数据文件metafile自定义esbui
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • 前端页面结构介绍 斯kk 前端前端
    前端页面中常见的标签结构通常遵循HTML5标准，以下是典型的结构分类和示例：1.文档基础结构页面标题：声明文档类型。：根标签，通常包含语言声明（lang属性）。：存放元数据、引用的CSS/JS等。：页面可见内容。2.内容分区标签网站页眉（Logo/导航）主导航链接独立内容（如博客文章）内容区块（通常带标题）侧边栏/附加内容页脚（版权/联系方式）语义化标签：HTML5引入的语义化标签，提升可读性和S
  • Bootstrap 5学习教程，从入门到精通，Bootstrap 5 选择区间（Range）语法知识点及案例代码详解（31） 知识分享小能手 Bootstrap5前端开发网页开发bootstrap学习前端javascripttypescripthtmlcss
    Bootstrap5选择区间（Range）语法知识点及案例代码详解Bootstrap5提供了强大的表单控件组件，其中**选择区间（RangeSlider）**是常用的输入控件之一。目录引入Bootstrap5选择区间的基本结构选择区间的属性自定义选择区间完整案例代码运行效果预览1.引入Bootstrap5首先，需要在HTML文件中引入Bootstrap5的CSS和JS文件。可以使用CDN方式快速引
  • 深入理解 classnames：React 动态类名管理的最佳实践 司南锤 前端react.js前端前端框架
    在现代前端开发中，我们经常需要根据组件的状态、属性或用户交互来动态切换CSS类名。虽然JavaScript提供了多种方式来处理字符串拼接，但随着应用复杂性的增加，传统的类名管理方式很快就会变得混乱不堪。这时，classnames库就像一个优雅的解决方案出现在我们面前。为什么需要classnames？想象一下这样的场景：你需要为一个按钮组件动态设置多个类名，包括基础样式、变体样式、状态样式等。传统的
  • HTML&CSS&Javascript学习总结
    HTMLHTML(*HypertextMarkupLanguage)是一种超文本标记语言一、HTML标记1.HTMl元素分析[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dqwzelyx-1598868442842)(https://qige.io/web/brief-html/img/f63738cc51ebfa14.png)]*开始标签（Openingtag）：
  • 前端技术栈 —— HTML、CSS和JavaScirpt执行环境 CS-Polaris 前端技术栈前端htmlcss
    以下内容由GLM回答生成，不保证正确性。前端技术栈——HTML、CSS和JavaScirpt执行环境JavaScript的执行环境HTML和CSS的执行环境HTML和CSS是否可以在其他环境中执行？总结JavaScript是一种解释型语言，但它也可以被编译。JavaScript的执行方式取决于具体的运行环境。在浏览器中，JavaScript是通过解释器逐行执行的，但在某些情况下（如使用工具如Bab
  • JavaScript 中导入模块时，确实不需要显式地写 node_modules 路径。 咔咔咔索菲斯 javascriptvue
    1.正确的导入语法在Webpack、Vite等打包工具中，node_modules目录是默认的模块搜索路径，因此直接写包名即可：//✅正确：直接使用包名import'nprogress/nprogress.css';//❌错误：不需要显式写node_modules路径import'node_modules/nprogress/nprogress.css';2.为什么不需要写node_module
  • 前端常见面试题 黄马小配件 前端csshtml
    sass语言的特点？1.可以减少重复代码：Sass可以通过使用变量、混合、继承等方式来减少代码的重复性，提高代码的可维护性。2.支持嵌套：Sass支持CSS样式的嵌套，可以更方便地控制样式的层级关系。3.支持模块化：Sass支持模块化开发，可以将样式分成多个模块进行开发，提高代码的可读性和可维护性。4.支持函数和运算符：Sass支持函数和运算符，可以完成更复杂的样式计算。5.支持导入其他文件：Sa
  • css3:css的3种引入方式 ksw000 csscss3html
    css基本知识你好！这是你第一次使用css所需要了解的知识点。如果你想学习如何使用css,可以仔细阅读这篇文章，了解一下css的基本语法知识。CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。一、行内样式使用style属性引入CSS样式。示例：style属性的应用直接在HTML标签中设置的样式实际在写页面时不提倡使用，在测试的时候可以使用。行内样式LeapingAboveTheWater
  • weapp-tailwindcss 使用教程 薄正胡Plains
    weapp-tailwindcss使用教程weapp-tailwindcssbringtailwindcsstoweapp!把`tailwindcss`原子化思想带入小程序开发吧!原`weapp-tailwindcss-webpack-plugin`项目地址:https://gitcode.com/gh_mirrors/we/weapp-tailwindcss项目介绍weapp-tailwindc
  • 简述：link与@import区别
    区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重高于@import的权重；link支持使用javascript改变样式（document.styleSheets），后者不可使用场
  • CSS02：四种CSS导入方式 莓 有烦恼 css前端
    CSS的4种导入方式Titleh1{color:green;}我是标题/*外部样式*/h1{color:yellow;}拓展：外部样式的两种写法链接式html导入式css2.1@importurl("css/style.css");基本区别从属关系：是HTML标签，不仅可以加载CSS文件，还可以定义RSS、rel连接属性等；而@import是CSS提供的语法规则，只能导入样式表1。加载顺序：在页面
  • CSS像素：从物理屏幕到网页设计的“像素哲学”
    CSS像素：从物理屏幕到网页设计的“像素哲学”在网页开发中，“像素”这个词似乎无处不在。我们写代码时设置width:100px;，设计师交来UI稿标注“750px宽度”，但你是否想过：这个“像素”到底是什么？为什么同一段CSS代码在不同设备上显示的效果却千差万别？今天，我们就来聊聊CSS像素背后的“像素哲学”。一、像素的三重身份：物理、逻辑与抽象1.物理像素（PhysicalPixel）物理像素是
  • 介绍electron 几道之旅 electronjavascript前端
    一、Electron是什么？Electron是一个基于Chromium和Node.js的框架，允许开发者使用前端技术（HTML/CSS/JavaScript）构建原生桌面应用。其核心优势在于：跨平台：一次开发，生成Windows、macOS、Linux三端应用；技术栈统一：前端开发者无需学习新语言，直接复用Web生态（如Vue/React）；混合架构：Chromium：负责渲染界面，支持现代CSS
  • WEB前端缓存解决方案 qermeng WEB前端SPA缓存WEB前端缓存解决
    WEB前端缓存解决方案问题描述页面缓存js/css缓存问题描述使用angularjs(1.5.0)+gulp(3.9.0)做SPA开发时，修改js后，使用gulp-rev(6.0.1)对文件名进行了修改，但是刷新界面后修改的文件并没有加载，必须使用CRLT+F5深度刷新才可以。页面缓存页面缓存解决方案：js/css缓存通过gulp-rev在文件名增加哈希值来解决缓存问题gulp-rev:Stati
  • vite项目中引入tailwindcss，难倒AI的操作 苦夏木禾 csscss
    官方教程1.创建您的项目如果你还没有设置，请先创建一个新的Vite项目。最常见的方法是使用CreateVite。npmcreatevite@latestmy-projectcdmy-project安装TailwindCSSnpminstalltailwindcss@tailwindcss/vite配置Vite插件将插件添加到你的Vite配置中。@tailwindcss/vite//vite.con
  • 在 Vite 中将资源引入为字符串 苦夏木禾 Autox.jsvue
    在Vite中将资源引入为字符串：便捷导入非JavaScript资源的利器在前端项目开发过程中，我们常常需要处理各种类型的资源文件，如GLSL着色器、CSS样式表、HTML片段、配置文件等。这些资源并非JavaScript模块，但却需要在代码中被引用和使用。在Vite构建工具中，?raw后缀提供了一种简洁高效的方式，允许我们将这些资源以字符串的形式直接引入到代码中，无需复杂的配置或额外的处理步骤。本
  • java面试题60JQuery选择器 码农颜 java开发语言
    jQuery选择器是jQuery的核心功能之一，它允许你高效、简洁地查找和选取HTML文档中的元素。其语法基于CSS选择器，并进行了扩展，使其更加强大和灵活。使用$()函数（或jQuery()函数）来应用选择器。核心语法$(selector)selector:一个字符串，用于指定要查找哪些元素。主要类型及示例基本选择器(最常用):#id(ID选择器):选取具有指定ID的元素。$("#myEleme
  • Vite 完整功能详解与 Vue 项目实战指南 慧一居士 前端vue.js前端
    Vite完整功能详解与Vue项目实战指南Vite是下一代前端开发工具，由Vue作者尤雨溪开发，提供极速的开发体验和高效的生产构建。以下是完整功能解析和实战示例：一、Vite核心功能亮点闪电般冷启动基于原生ES模块（ESM）按需编译启动时间与项目大小无关即时热更新（HMR）毫秒级更新，保留应用状态支持Vue/JSX/CSS的HMR开箱即用支持TypeScriptJSX/TSXCSS预处理器（Sass
  • uniapp开发小程序时，css设置的背景图无法显示？ 小跳不会Coding uniapp前端
    uniapp开发小程序时，css设置的背景图无法显示问题：（如何解决）第一种方式：将图片转为base64格式。使用站长工具，base64图片在线转换工具(https://tool.chinaz.com/tools/imgtobase)第二种方式：</view
  • 前端前置知识(笔记) codecat_yu html+css前端
    文章目录1.常见浏览器内核2.W3C标准2.2为什么要遵循WEB标准2.2Web标准的好处3.`SEO`优化1.常见浏览器内核浏览器内核css兼容性写法IE、360、百度trident-ms-firefoxGecko-moz-Safariwebkit-webkit-chromewebkit–>blink-webkit-Operablink-o-2.W3C标准万维网联盟（外语缩写：W3C）标准不是某
  • jquery mobile和ajax,使用jquery mobile不可忽视的细节
    jQueryMobile是创建移动WEB应用程序的框架。在学习和使用该框架的过程中，有一些心得想要和大家分享一下。一、框架因为是移动端开发，所以不要忘了下面这个重要的meta标签哦：使用jquerymobile要引入相应的css文件：jquerymobile依赖jquery，因此要先引入jquey.js再引入jquery.mobile.js：在引用jquey.js文件的时候一定要注意版本，要在1.
  • webpack基础教程
    webpack基础教程一webpack五大核心二webpack处理css资源三webpack处理less、scss、sass、styl资源四webpack-module的详细配置五webpack资源模块六webpack加载本地csv与XML文件七webpack打包babel资源八webpack打包HTML资源一webpack五大核心webpack的概念：就是个打包工具，例如把vue代码打包成浏览器
  • 前端开发避坑指南：从浏览器兼容到性能优化，这些 “坑“ 你踩过几个？？？ 敲代码的苦13 HTML性能优化html5前端css
    一、浏览器兼容性：前端开发者的"跨次元挑战"不同浏览器对HTML、CSS、JavaScript的解析规则存在差异，这是前端开发中最常见的"拦路虎"。CSS样式错乱：例如IE浏览器不支持flex布局的部分属性，或对box-sizing的默认值与Chrome不同，导致页面在不同浏览器中显示效果千差万别。JavaScript语法兼容：旧版浏览器（如IE11）不支持ES6+的箭头函数、Promise等语法
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他