环绕型布局

这周我们交了栅格布局。在我的理解中栅格布局适合在大的框架中，如果具体到页面某一板块的布局就显得并不是那么适用。下面是我在网上看到的一些适合在某小块的一布局方法，让图片在文字中间。称作环绕型布局。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>

<title>文字环绕图片</title>

<style>

    html,body{

        line-height:20px;

    }

    .img{

        background:url("http://a4.att.hudong.com/00/27/01300000164784121809279645121.jpg");

        width:300px;

        height:200px;

        position:absolute;

        left:270px;

        top:210px;

    }

    .m1{

        width:840px;

        height:200px;

        overflow:hidden;

    }

    .m2{

        width:260px;

        height:230px;

        position:absolute;

        left:0px;

        top:200px;

        overflow:hidden;

    }

    .m3{

        width:260px;

        height:230px;

        position:absolute;

        left:580px;

        top:200px;

    }

    .m4{

        position:absolute;

        left:0px;

        top:422px;

        width:840px;

        height:200px

    }

    .lbl{

        width:840px;

        position:relative;

        clear:both;

    }

    .c{

        display:none;

    }

    p{

        padding:0px;

        margin:0px;

    }

</style>

</head>

<div class="lbl clearx">

    <div class="m1 clearx"></div>

    <div class="m2 clearx"></div>

    <div class="m3 clearx"></div>

    <div class="m4 clearx"></div>

    <div class="img"></div>

</div>

<div class="c">

    在1815年，正值拿破仑被流放厄尔巴岛时，一个既年轻又成功的商船水手爱德蒙·唐泰斯，在船长利克莱尔濒死的时刻接受了船长指挥权，并回到了家乡马赛迎娶他的未婚妻美蒂丝。利克莱尔，一个拿破仑的支持者，吩咐唐泰斯运送两样物品，一个是给予位于厄尔巴岛上的马歇尔·伯特兰德的包裹，一个是从厄尔巴岛上寄出给予一位居住于巴黎的神秘男子的信件。这封神秘信件使唐泰斯两位妒忌他的朋友，在另一位朋友的建议下指控唐泰斯叛国。马赛的首席检察官韦尔福，虽然平时为人正直，开始时也同情唐泰斯，但看到信件的神秘收信人是他父亲后，未经调查便判决唐泰斯终身监禁于海上的孤岛监狱伊夫堡，并且于同时烟灭了作为证据的信件。在他被囚在伊夫堡的十四年中，他与亚伯·法利亚成为了朋友，一名声称拥有大量财宝并试图挖地道逃狱的老囚犯。法利亚将一生所学教授于唐泰斯，并在死前将藏于基督山的财宝告知于唐泰斯。1829年，法利亚死去后，唐泰斯便装扮法利亚的尸体逃离了伊夫堡，并被一艘走私船给救起，在跟走私犯一起工作数个月后，他来到了基督山，他佯装成受伤的模样，并说服走私犯暂时将他置于基督山，趁著这段时间前往财宝的藏置处。在找到了财宝之后，唐泰斯回到了故乡马赛，得知了自己的父亲贫穷潦倒而死；他建造了一艘船，将剩余的财宝藏在船上，接着向塔斯卡尼政府收购基督山及伯爵的头衔。回到了马赛，唐泰斯便开始计划他的复仇，但在那之前，他帮助了一些在他入狱前帮助过他的人。在1815年，正值拿破仑被流放厄尔巴岛时，一个既年轻又成功的商船水手爱德蒙·唐泰斯，在船长利克莱尔濒死的时刻接受了船长指挥权，并回到了家乡马赛迎娶他的未婚妻美蒂丝。利克莱尔，一个拿破仑的支持者，吩咐唐泰斯运送两样物品，一个是给予位于厄尔巴岛上的马歇尔·伯特兰德的包裹，一个是从厄尔巴岛上寄出给予一位居住于巴黎的神秘男子的信件。这封神秘信件使唐泰斯两位妒忌他的朋友，在另一位朋友的建议下指控唐泰斯叛国。马赛的首席检察官韦尔福，虽然平时为人正直，开始时也同情唐泰斯，但看到信件的神秘收信人是他父亲后，未经调查便判决唐泰斯终身监禁于海上的孤岛监狱伊夫堡，并且于同时烟灭了作为证据的信件。在他被囚在伊夫堡的十四年中，他与亚伯·法利亚成为了朋友，一名声称拥有大量财宝并试图挖地道逃狱的老囚犯。法利亚将一生所学教授于唐泰斯，并在死前将藏于基督山的财宝告知于唐泰斯。1829年，法利亚死去后，唐泰斯便装扮法利亚的尸体逃离了伊夫堡，并被一艘走私船给救起，在跟走私犯一起工作数个月后，他来到了基督山，他佯装成受伤的模样，并说服走私犯暂时将他置于基督山，趁著这段时间前往财宝的藏置处。在找到了财宝之后，唐泰斯回到了故乡马赛，得知了自己的父亲贫穷潦倒而死；他建造了一艘船，将剩余的财宝藏在船上，接着向塔斯卡尼政府收购基督山及伯爵的头衔。回到了马赛，唐泰斯便开始计划他的复仇，但在那之前，他帮助了一些在他入狱前帮助过他的人。

</div>

<body>

</body>

<script type="text/javascript">

    var c = $(".c").html();

    var length = 5

    for(var k = 1; k < length; k++){

        c = set(c,k,length - 1 == k);

    }

    function set(value,index,flg){

        var val = "";

        var v = null;

        var element = $(".m" + index);

        element.html("<p>" + value + "</p>");

        var element2 = element.find("p");

        if(flg){

            return"";

        }

        while(element.height() < element2.height()){

            v = element2.html();

            v = v.substring(0,v.length - 1);

            element2.html(v);

        }

        val = value.replace(new RegExp("^" + v),"");

        return val;

    }

</script>

</html>

我们都知道CSS的float属性，有left，right。平常我们也只是让图片或者文字左浮动或者是右浮动。但是如果在中间的话这两个属性是没有办法解决问题的。 如果想实现就只有使用动态div啦。把文字分成上下左右4块，环绕着图片。图片的大小和div的大小事先规定。再用js来计算每个div里显示多少文字。这样，即使只有左浮右浮，也可以实现文字环绕图片的效果。

 

你可能感兴趣的:(布局)

  • Android高级组件实践：ViewPager详解与案例 Bachnroth
    本文还有配套的精品资源，点击获取简介：ViewPager是Android开发中用于页面切换的组件，广泛应用于引导页、图片查看器和Tab布局等。它通过PagerAdapter管理页面，提供页面创建与销毁的方法实现。本篇详细解析了ViewPager的使用方法，包括如何设置Adapter、绑定ViewPager、添加页面指示器、监听页面改变、自定义滚动效果、优化性能、调整离屏页面策略、动态页面管理及与F
  • Linux内核地址空间布局详解 Linux加油站 linux网络
    1.简介虽然x86_64的物理地址范围为64bit，但是因为地址空间太大目前不可能完全用完，当前支持57bit和48bit两种虚拟地址模式。地址模式单个空间用户地址空间内核地址空间32位2G0x00000000-0x7FFFFFFF0x80000000-0xFFFFFFFF64位(48bit)128T0x0000000000000000-0x00007FFFFFFFFFFF0xFFFF800000
  • HTML常用标签 花林似霰f html前端javascript
    （一）标题标签-标题标签从到一共只有6级标题文本会加粗从上到下字体逐渐减小（二）段落和换行标签1.我是一个段落标签2.在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。（少有的单标签）（三）和标签和是没有语义的，可以看做是一个盒子，用来装内容的。1.标签用来布局，但是现在一行只能放一个。大盒子2.标签用来布局，
  • 鸿蒙开发：自定义一个搜索模版
    前言代码案例基于Api13。在之前的文章中，我们简单分析了弹性布局Flex，并使用Flex实现了一个简单的流式布局，今天这篇文章，我们就结合搜索框，完成一个常见的搜索页面，具体的效果如下图所示：这样的一个模版，可以简单的分为，三个部分，分别是上边的搜索框，中间的历史搜索和下边的热门搜索，搜索框，我们直接可以使用系统的组件Search，历史搜索，由于是内容不一的搜索的内容，这里使用弹性布局Flex，
  • 实现书籍类应用框架鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例提供了一个书籍类应用的基本框架，包含“书城”、“分类”、“福利”、“书架”、“我的”五个模块。应用只展示了基本的页面，其中具体功能的实现，开发者可根据需求自行开发。实现书籍类应用框架源码链接效果预览使用说明进入应用，点击下方的tabBar可浏览不同的模块，其中一些功能未开发，只是作为页面布局展示。实现思路根据行业应用的功能，按照高内聚，低耦合的原则，常见应用
  • 我的AI工具箱Tauri版-建筑平面图生成装修设计 Mr数据杨 Tauri工具箱ComfyUI
    本模块利用先进的AI绘画大模型，将房屋平面设计图转化为高质量的室内装修效果图，让装修设计更加直观、高效。用户只需提供房屋的平面布局，并选择合适的AI绘画模型，系统即可智能生成涵盖客厅、卧室、厨房、卫生间等最多12个房间的高品质设计样图，完整呈现房屋的整体装修效果。本工具支持多种设计风格，如现代简约、北欧风、中式传统、美式复古、日式禅意等，满足不同用户的个性化装修需求。借助AI算法的自动化生成能力，
  • JavaScript性能优化实战：从瓶颈分析到高效编码策略 AAEllisonPang Java数据库
    一、性能瓶颈分析：从问题出发1.1常见性能问题类型渲染阻塞：同步脚本加载导致DOMContentLoaded延迟内存泄漏：未解绑的事件监听、闭包引用残留重复计算：高频触发的回调函数无节制运算布局抖动：强制同步布局（ForcedSynchronousLayout）网络瓶颈：未优化的资源加载策略典型案例：某电商网站商品筛选功能，用户选择规格时界面卡顿。经分析发现每次选择都会触发全量DOM重新渲染，导致
  • 67-OpenCVSharp 创建实现Halcon的tile_images_offset算子（用于图像拼接，对每张图像设置偏移量） 搬码驿站 #opencv计算机视觉人工智能算法图像处理
    以下是基于OpenCvSharp实现的Halcontile_images_offset算子的高性能函数。该函数不仅支持图像拼接，还允许对每张图像设置偏移量（offset），以灵活布局图像。代码中包含了详细注释和性能优化策略。为了优化运行时间和性能，我们可以从以下几个方面对代码进行改进：并行处理：利用多核CPU的能力，通过Parallel.For或其他并行技术加速图像复制操作。减少边界检查开销：在确
  • 自建充电桩运营平台的前景和必要性研讨 Lingser数智解决方案 团队开发需求分析软件工程流量运营
    在新能源汽车产业蓬勃发展的今天，电动汽车已经成为城市交通的重要组成部分。随着电动汽车保有量的持续增长，充电桩作为电动汽车的“能量补给站”，其需求也呈现出爆发式增长。然而，充电桩市场的快速发展也带来了诸多挑战，如充电桩布局不均、运营效率低下、用户体验不佳等问题。为了解决这些问题，充电桩运营平台应运而生，成为推动电动汽车充电行业发展的重要力量。行业背景与前景近年来，全球范围内对环境保护和可持续发展的重
  • 实现预约会见应用鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例是对标预约会见类产品，以此开发的行业通用Demo，实现基础的注册、登录、一二级页面布局参考等功能，工程以feature方式进行模块化设计。本示例是使用ArkTS编写的预约会见类产品UI页面，方便开发者后续进行进一步开发。实现预约会见应用源码链接效果预览使用说明打开应用后，用户可以根据需求查看应用。开发者可以根据此示例后续进行进一步开发。实现思路进入页面后进入
  • 鸿蒙开发-一多开发之断点布局 川石教育 鸿蒙开发harmonyos鸿蒙开发鸿蒙课程培训鸿蒙开发培训鸿蒙开发教程
    在HarmonyOS的ArkTS语法中，断点布局是一种用于响应不同屏幕尺寸和设备类型的布局技术。以下是一个简单的断点布局实例，不涉及媒体查询，仅使用ArkTS的内置功能和组件来实现。import{BreakpointSystem,BreakpointConstants}from'@ohos/arkui';@Entry@ComponentstructBreakpointLayoutDemo{priv
  • # 2025年前端开发趋势：全栈化、AI化与跨端融合 沈大大520 前端最新技术动态人工智能前端vue.js
    本文深度分析2025年前端开发的技术趋势、岗位变革和能力要求，助你提前布局职业发展。作者：沈大大更新时间：2025-03-10一、技术栈演进1.1全栈化趋势//全栈应用示例import{createApp}from'vue'import{createServer}from'nitro'import{PrismaClient}from'@prisma/client'//前端应用constapp=cr
  • react 组件封装原则_如何基于antd封装自己的react组件并发布到npm 楚云卿 react组件封装原则
    引言在前端项目开发过程中，有大量重复的内容，比如布局相似的模块，较多的功能表单等，我们可以提炼成组件来提升效率，减少重复建设。文章以实际工作中的项目为例，介绍如何将项目中常用的组件进行封装并发布到npm中。1前提要求在开始前你需要具备以下条件：安装了Node&npm安装了Git基本掌握npm，git使用方法熟练使用JavaScript&ES6&CSS基本掌握React熟悉React,antd2开始
  • word处理控件Aspose.Words教程：使用 Python 删除 Word 中的空白页 CodeCraft Studio 文档管理控件wordpython开发语言
    Aspose.Words是一种高级Word文档处理API，用于执行各种文档管理和操作任务。API支持生成，修改，转换，呈现和打印文档，而无需在跨平台应用程序中直接使用MicrosoftWord。AsposeAPI支持流行文件格式处理，并允许将各类文档导出或转换为固定布局文件格式和最常用的图像/多媒体格式。Aspose.wordsfor.net下载Aspose.wordsforforPython下载
  • 回流（Reflow）与重绘（Repaint）：原理、性能影响与优化策略 冬冬小圆帽 前端javascripthtml
    回流（Reflow）和重绘（Repaint）是浏览器渲染页面时的两个关键过程，它们对页面性能有重要影响。理解它们的机制以及如何优化，可以帮助我们编写更高效的代码。下面我们将结合代码深度分析回流和重绘。1.回流和重绘的基本概念1.1回流（Reflow）回流是指浏览器计算页面布局的过程。当页面中的元素发生几何属性（如宽度、高度、位置等）变化时，浏览器需要重新计算元素的几何信息，并重新构建渲染树（Ren
  • HarmonyOS鸿蒙开发实战（5.0）(Flex) 组件布局＞图片九宫格封装 让开，我要吃人了 OpenHarmonyHarmonyOS鸿蒙开发harmonyos华为鸿蒙移动开发开发语言鸿蒙系统android
    鸿蒙HarmonyOS开发实战往期必看文章：（持续更新......）HarmonyOSNEXT应用开发性能实践总结（持续更新......）HarmonyOSNEXT应用开发案例实践总结合集（持续更新......）一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！最新版！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）介绍本示例介绍使用(
  • L3-008 喊山 理智的灰太狼 pta天梯赛3级题算法
    L3-008喊山分数30全屏浏览切换布局作者陈越单位浙江大学喊山，是人双手围在嘴边成喇叭状，对着远方高山发出“喂—喂喂—喂喂喂……”的呼唤。呼唤声通过空气的传递，回荡于深谷之间，传送到人们耳中，发出约定俗成的“讯号”，达到声讯传递交流的目的。原来它是彝族先民用来求援呼救的“讯号”，慢慢地人们在生活实践中发现了它的实用价值，便把它作为一种交流工具世代传袭使用。（图文摘自：http://news.xr
  • angular自定义指令 ~ rainbow～ js实用技巧angular.js前端javascript
    1、什么是指令？官方文档的解释：指令是为Angular应用程序中的元素添加额外行为的类。使用Angular的内置指令，你可以管理表单、列表、样式以及要让用户看到的任何内容。2、指令的分类1）组件——带有模板的指令。这种指令类型是最常见的指令类型。2）属性型指令——更改元素、组件或其他指令的外观或行为的指令。3）结构型指令——通过添加和删除DOM元素来更改DOM布局的指令。内置属性指令：内置指令只会
  • Angular指令 lvxinaidou AngularTypeScriptangular.jstypescriptjavascript
    1.上面是指令指令是为Angular应用程序中的元素添加额外行为的类。使用Angular的内置指令，你可以管理表单、列表、样式以及要让用户看到的任何内容。2.指令分类Angular指令的不同类型如下：组件——带有模板的指令。这种指令类型是最常见的指令类型。属性型指令——更改元素、组件或其他指令的外观或行为的指令。结构型指令——通过添加和删除DOM元素来更改DOM布局的指令。内置属性指令：ngCla
  • Linly-Talker：开源数字人框架的技术解析与影响 萧鼎 python基础到进阶教程开源python数字人Linly-Talker
    一、引言：AI数字人的发展趋势近年来，数字人（DigitalHuman）技术迅速发展，从最早的2D虚拟主播，到如今能够进行实时交互的3D智能助手，AI在多模态交互领域的应用愈发广泛。各大互联网公司纷纷布局AI数字人，如百度的「度晓晓」、字节跳动的虚拟主播、腾讯的AI数字人等，均展现了AI在人机交互领域的巨大潜力。与此同时，开源社区也在推动数字人技术的普及。Linly-Talker就是其中一个备受关
  • 谈谈Android项目框架的前世今生 积木zz Android笔记javaandroid项目架构kotlin
    嗨，大家好，今天出了大太阳，真是美好的开始。这篇文章和大家说说Android届流行的三大框架，了解下架构的前世今生，以及我对于这些框架的一些认识和看法。三大框架区别MVC架构介绍Model：数据模型，比如我们从数据库或者网络获取数据View：视图，也就是我们的xml布局文件Controller：控制器，也就是我们的Activity模型联系View-->Controller，也就是反应View的一些
  • Qt通过FFmpeg打开RTSP并截图一帧作为背景 美丽的欣情 QtFFmpegffmpegqt开发语言
    该代码基于Qt和FFmpeg实现了从RTSP视频流中截取一帧图像，并将其渲染到QWidget作为背景图。整个实现流程分为Qt界面构建、FFmpeg解码RTSP流、视频帧转换和QImage显示四个主要部分。首先，RtspImageWidget继承自QWidget，在其构造函数中创建了一个QLabel，用于显示截取的图像，并将其添加到QVBoxLayout进行布局管理。loadRtspFrame()方
  • 45.HarmonyOS NEXT Layout布局组件系统详解（十二）：高级应用案例与性能优化 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXTLayout布局组件系统详解（十二）：高级应用案例与性能优化效果演示1.高级应用案例概述在前一篇文章中，我们介绍了HarmonyOSLayout布局组件系统的基本应用案例。本文将继续深入探讨更多高级应用场景，并提供性能优化的最佳实践，帮
  • 43.HarmonyOS NEXT Layout布局组件系统详解（十）：实际应用案例 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXTLayout布局组件系统详解（十）：实际应用案例效果演示1.实际应用案例概述在前面的文章中，我们详细介绍了HarmonyOSLayout布局组件系统的各个方面，包括基础概念、AutoRow和AutoCol组件、间距处理、对齐方式、偏移功
  • 39. HarmonyOS NEXT Layout布局组件系统详解（六）：偏移功能实现 harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyOSNEXTLayout布局组件系统详解（六）：偏移功能实现效果演示1.偏移功能概述在HarmonyOS的Layout布局组件系统中，偏移功能是一个强大的布局工具，它允许开发者灵活地调整列的位置，而不改变其他列的布局。本文将详细介绍Layout布局
  • chrome内核大版本升级涉及核心事项 ปรัชญา แค้วคำมูล chromec++性能优化
    Chrome内核（Chromium）大版本升级涉及多个核心事项，需要从技术、兼容性、安全、性能等多维度进行系统规划。以下是关键核心事项及应对策略：1.技术架构调整V8引擎升级：JavaScript引擎优化可能引入新语法支持（如ES新特性）、性能改进或GC机制调整，需验证业务代码兼容性。渲染引擎变更：Blink引擎的渲染逻辑调整可能导致页面布局差异（如CSSFlexbox/Grid实现变化），需全面
  • android 自定义开关键设置大小,Android 自定义Switch开关按钮的样式实例详解 weixin_39747721 android自定义开关键设置大小
    封面GitHub传送门1.写在前面本文主要讲的是在Android原生Switch控件的基础上进行样式自定义，内容很简单，但是在实现的过程中还是遇到了一些问题，在此记录下来，希望对大家能够有所帮助，看下效果图：自定义样式2.自定义样式2.1原生样式首先看下原生的效果(Android7.1)：原生效果布局文件如下:android:layout_width="wrap_content"android:l
  • android:实现圆角效果 沪cares android开发android
    activity本身没有圆角相关的属性，但可以通过以下方法实现圆角效果，步骤如下：在res/drawable下创建xml文件，我命名rounded_corners.xml-->其中，shape元素来定义背景的形状。solid元素设置了背景的颜色，corners元素设置了圆角的半径。stroke元素设置了边框。在布局文件中应用该背景。
  • android渲染是skia与egl,opengl和skia哪个快 游戏电脑问题解决分享！ 赵阿萌
    从Honeycomb[3.x]版本起，Andorid便支持GPU加速，但目前Android并没有使用SkiaGPU进行Webkit渲染。SkiaGPU使用OpenGL进行后台加速渲染，未来也许会代替Skia。很多人觉得，即使Android成功使用了GPU加速Webkit渲染，在访问浏览如雅虎等一般的网站时，用户也感觉不到太大的差异。因为Webkit的资源大多数消耗在了Javascript脚本和布局
  • 为什么我的 PDF 无法正确转换为 Word？常见格式问题和最佳解决方案 pdf格式转换word
    为什么我无法正确地将PDF转换为Word？将PDF转换为Word后，格式总是乱糟糟的！字体缺失、布局混乱、文本变成图像、图片无法识别、表格边框消失或合并不正确。所有这些都是因为PDF是一种非结构化的文档。与Word不同，它将内容存储为单独的字符、行和图像，而不是段落、标题或表格等清晰的结构。然而，大多数工具只能猜测文本布局来实现转换，从而导致不可避免的格式错误。本博客将解释PDF转换格式问题的核心
  • ASM系列四 利用Method 组件动态注入方法逻辑 lijingyao8206 字节码技术jvmAOP动态代理ASM
            这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇，知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道，同ClassVisitor改变类成员一样，MethodVIsistor如果需要改变方法成员，注入逻辑，也可以
  • java编程思想 --内部类 百合不是茶 java内部类匿名内部类
    内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅   1,内部类的创建  内部类是创建在类中的 package com.wj.InsideClass; /* * 内部类的创建 */ public class CreateInsideClass { public CreateInsideClass(
  • web.xml报错 crabdave web.xml
    web.xml报错   The content of element type "web-app" must match "(icon?,display-  name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
  • 泛型类的自定义 麦田的设计者 javaandroid泛型
       为什么要定义泛型类，当类中要操作的引用数据类型不确定的时候。 采用泛型类，完成扩展。   例如有一个学生类     Student{ Student(){ System.out.println("I'm a student....."); } }  有一个老师类  
  • CSS清除浮动的4中方法 IT独行者 JavaScriptUIcss
    清除浮动这个问题，做前端的应该再熟悉不过了，咱是个新人，所以还是记个笔记，做个积累，努力学习向大神靠近。CSS清除浮动的方法网上一搜，大概有N多种，用过几种，说下个人感受。 1、结尾处加空div标签 clear:both 1 2 3 4 .div 1 { background : #000080 ; border : 1px   s
  • Cygwin使用windows的jdk 配置方法 _wy_ jdkwindowscygwin
    1.[vim /etc/profile]    JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43"  (windows下jdk路径为D:\Java\jdk1.6.0_43)    PATH="$JAVA_HOME/bin:${PATH}"    CLAS
  • linux下安装maven 无量 mavenlinux安装
    Linux下安装maven(转) 1.首先到Maven官网 下载安装文件，目前最新版本为3.0.3，下载文件为 apache-maven-3.0.3-bin.tar.gz，下载可以使用wget命令； 2.进入下载文件夹，找到下载的文件，运行如下命令解压 tar -xvf  apache-maven-2.2.1-bin.tar.gz 解压后的文件夹
  • tomcat的https 配置,syslog-ng配置 aichenglong tomcathttp跳转到httpssyslong-ng配置syslog配置
    1) tomcat配置https,以及http自动跳转到https的配置     1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)      keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
  • 关于领号活动总结 alafqq 活动
    关于某彩票活动的总结 具体需求，每个用户进活动页面，领取一个号码，1000中的一个； 活动要求 1，随机性，一定要有随机性； 2，最少中奖概率，如果注数为3200注，则最多中4注 3，效率问题，（不能每个人来都产生一个随机数，这样效率不高）； 4，支持断电（仍然从下一个开始），重启服务；（存数据库有点大材小用，因此不能存放在数据库） 解决方案 1，事先产生随机数1000个，并打
  • java数据结构 冒泡排序的遍历与排序 百合不是茶 java
    java的冒泡排序是一种简单的排序规则   冒泡排序的原理：           比较两个相邻的数，首先将最大的排在第一个，第二次比较第二个 ，此后一样；         针对所有的元素重复以上的步骤，除了最后一个     例题；将int array[]
  • JS检查输入框输入的是否是数字的一种校验方法 bijian1013 js
    如下是JS检查输入框输入的是否是数字的一种校验方法： <form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br> </form>
  • Test注解的两个属性：expected和timeout bijian1013 javaJUnitexpectedtimeout
    JUnit4：Test文档中的解释： 　　The Test annotation supports two optional parameters. 　　The first, expected, declares that a test method should throw an exception. 　　If it doesn't throw an exception or if it
  • [Gson二]继承关系的POJO的反序列化 bit1129 POJO
    父类     package inheritance.test2; import java.util.Map; public class Model { private String field1; private String field2; private Map<String, String> infoMap
  • 【Spark八十四】Spark零碎知识点记录 bit1129 spark
    1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的 ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功，DAGScheduler会收到通知，在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中  
  • WAS各种脚本作用大全 ronin47 WAS 脚本
    　　　http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html 　　　无意中，在WAS官网上发现的各种脚本作用，感觉很有作用，先与各位分享一下 　　　 获取下载 这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
  • java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句 bylijinnan switch
    借鉴网上的思路，用java实现： public class NoIfWhile { /** * @param args * * find x=1+2+3+....n */ public static void main(String[] args) { int n=10; int re=find(n); System.o
  • Netty源码学习-ObjectEncoder和ObjectDecoder bylijinnan javanetty
    Netty中传递对象的思路很直观： Netty中数据的传递是基于ChannelBuffer（也就是byte[]）； 那把对象序列化为字节流，就可以在Netty中传递对象了 相应的从ChannelBuffer恢复对象，就是反序列化的过程 Netty已经封装好ObjectEncoder和ObjectDecoder 先看ObjectEncoder ObjectEncoder是往外发送
  • spring 定时任务中cronExpression表达式含义 chicony cronExpression
    一个cron表达式有6个必选的元素和一个可选的元素，各个元素之间是以空格分隔的，从左至右，这些元素的含义如下表所示： 代表含义            是否必须 允许的取值范围         &nb
  • Nutz配置Jndi ctrain JNDI
    1、使用JNDI获取指定资源： var ioc = { dao : { type :"org.nutz.dao.impl.NutDao", args : [ {jndi :"jdbc/dataSource"} ] } } 以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
  • 解决 /bin/sh^M: bad interpreter: No such file or directory daizj shell
    在Linux中执行.sh脚本，异常/bin/sh^M: bad interpreter: No such file or directory。   分析：这是不同系统编码格式引起的：在windows系统中编辑的.sh文件可能有不可见字符，所以在Linux系统下执行会报以上异常信息。 解决： 1）在windows下转换： 利用一些编辑器如UltraEdit或EditPlus等工具
  • [转]for 循环为何可恨？ dcj3sjt126com 程序员读书
      Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案，要在Java将来的版本中加入闭包特征。 然而，提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。 不久前，出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨？”[http://ju
  • Android实用小技巧 dcj3sjt126com android
    1、去掉所有Activity界面的标题栏 　　修改AndroidManifest.xml 　　在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"   2、去掉所有Activity界面的TitleBar 和StatusBar  　　修改AndroidManifes
  • Oracle 复习笔记之序列 eksliang Oracle 序列sequenceOracle sequence
    转载请出自出处：http://eksliang.iteye.com/blog/2098859 1.序列的作用 序列是用于生成唯一、连续序号的对象 一般用序列来充当数据库表的主键值 2.创建序列语法如下：   create sequence s_emp start with 1 --开始值 increment by 1 --増长值 maxval
  • 有“品”的程序员 gongmeitao 工作
    完美程序员的10种品质　　   完美程序员的每种品质都有一个范围，这个范围取决于具体的问题和背景。没有能解决所有问题的   完美程序员（至少在我们这个星球上），并且对于特定问题，完美程序员应该具有以下品质： 　　1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强   （范围：用简单方式解决复杂问题）　　
  • 使用KeleyiSQLHelper类进行分页查询 hvt sql.netC#asp.nethovertree
    本文适用于sql server单主键表或者视图进行分页查询，支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码：http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
  • SVG 教程 （三）圆形，椭圆，直线 天梯梦 svg
    SVG <circle> SVG 圆形 - <circle> <circle> 标签可用来创建一个圆： 下面是SVG代码： <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" c
  • 链表栈 luyulong java数据结构
    public class Node { private Object object; private Node next; public Node() { this.next = null; this.object = null; } public Object getObject() { return object; } public
  • 基础数据结构和算法十：2-3 search tree sunwinner Algorithm2-3 search tree
      Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
  • spring配置定时任务 stunizhengjia springtimer
    最近因工作的需要，用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下，以便以后用到：     //------------------------定时任务调用的方法------------------------------ /** * 存储过程定时器 */ publi
  • ITeye 8月技术图书有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 8月试读活动回顾： http://webmaster.iteye.com/blog/2102830 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）： 《跨终端Web》 gleams：http
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他