当前位置：首页 > 编程日记 > 正文

HTML页面中使两个div并排显示

编程日记 2024-05-30 16:50:00

在HTML中实现两个div并排显示，方法如下：

方法1：设置float浮动

对需要并排显示的div设置样式：style="float:left;"
<div style="float:left;">div1</div>

方法2：设置div为行内样式

对需要并排显示的div设置样式：display:inline-block
<div style="display:inline-block;">div1</div>

方法3：设置position定位属性为absolute，示例代码如下

<div style="position: absolute;width:100px;">div1</div>
<div style="position: absolute;left:100px;margin-left:10px;">div2</div>

inline-block存在的小问题

问题描述
使用display:inline-block后，存在间隙问题，间隙为4像素，这个问题产生的原因是换行引起的，因为我们写标签时通常会在标签结束符后顺手打个回车，而回车会产生回车符，回车符相当于空白符，通常情况下，多个连续的空白符会合并成一个空白符。
解决方法：
对父元素添加属性，{ font-size:0 }，即将字体大小设为0，那么那个空白符也变成0px，从而消除空隙。

CSS display属性详解

display属性值如下：

display:none —— 将元素隐藏，不在文档流中占位，浏览器也不会解析该元素。
display:block —— 此元素将显示为块级元素，此元素前后会带有换行符。
display:inline —— 此元素会被显示为内联元素，元素前后没有换行符。
display:inline-block —— 行内块元素。
……

块级元素

总是以一个块的形式表现出来，占领一整行。若干同级块元素会从上之下依次排列（使用float属性除外）。
可以设置高度、宽度、以及margin属性和padding属性。
当宽度（width）缺省时（未明确指定其宽度），它的宽度是其容器的100%。
块级元素中可以容纳其他块级元素或行内元素。
块级元素的display属性值默认为block。

行内元素(内联元素)

行内元素不会单独占据一整行，而是只占领自身的宽度和高度所在的空间。若干同级行内元素会从左到右（即某个行内元素可以和其他行内元素共处一行），从上到下依次排列。
行内元素不可以设置高度、宽度，其高度一般由其字体的大小来决定，其宽度由内容的长度控制。
行内元素只能设置左右的margin值和左右的padding值，而不能设置上下的margin值和上下的padding值。因此我们可以通过设置左右的padding值来改变行内元素的宽度。
行内元素一般不可以包含块级元素。
块级元素的display属性值默认为inline。

https://www.dkcj.cn/info/8537.html

备案网站管理系统是JSP做的

备案网站管理系统 http://www.miibeian.gov.cn/ 浪费了我一上午的时间没成功.靠!转载于:https://www.cnblogs.com/splyn/archive/2009/12/24/1631281.html

编程日记2024/05/30 16:40:00

explorer.exe应用程序错误说明 0X000000该内存不能为read的解决方法

0X000000该内存不能为read的解决方法出现这个现象有方面的，一是硬件，即内存方面有问题，二是软件，这就有多方面的问题了。一：先说说硬件： 一般来说，电脑硬件是很不容易坏的。内存出现问题的可能…

编程日记2024/05/30 16:30:00

CSS 选择符

选择符 selector 样式的基本规则——样式声明与关键字声明块中有一个或多个声明。声明的格式是固定的，先是属性名，然后是冒号，后面再跟属性值和分号。冒号和分号后面可以有零个或多个空白。属性值几乎都是一个关键字或以空格分隔的多个关键…

编程日记2024/05/30 16:20:00

CSS3快学笔记

在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webk…

编程日记2024/05/30 16:10:01

DOS批处理的字符串功能

DOS批处理的字符串功能批处理有着具有非常强大的字符串处理能力，其功能绝不低于C语言里面的字符串函数集。批处理中可实现的字符串处理功能有：截取字符串内容、替换字符串特定字段、合并字符串、扩充字符串等功能。下面对这些功能一一进行讲解。　　【 …

编程日记2024/05/30 16:00:00

走进Java 7模块系统

笔者在观看过Devoxx关于Jigsaw的一段演示后，我很兴奋，觉得它应该会是针对复杂类路径版本问题和JAR陷阱等问题的解决方案。开发者最终能够使用他们所期望的任何Xalan版本，而无需被迫使用授权机制。不幸的是，通往更加有效的模块系统…

编程日记2024/05/30 15:50:00

Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION

问题描述：Chrome浏览器控制台报错NET::ERR_SSL_OBSOLETE_VERSION 原因： 服务器使用了TLS1.0 或 TLS1.1 版本，没有使用 TLS1.2 解决方法： 地址栏访问：chrome://flags/#legacy-tls-enforced；将Enforce depr…

编程日记2024/05/30 15:40:00

关于矩形连线 (rectangle connect)

矩形连线问题，就是在两个矩形之间建立带可曲折的无覆盖的连线（连线不覆盖图形），我的方法是这样的：CPoint pts[5];//输出连线的点列表int nPts;//输出点列表中点的数量void GetRectConnectLines（CPoint * pt…

编程日记2024/05/30 15:30:00

/*** 去掉前端左右两边的字符空格* param str* 字符串* */function trim(str){//删除左右两端的空格return str.replace(/(^\s*)|(\s*$)/g, "");} /*** 去掉左边的空格* param str* returns*/function ltrim(str){ //删除左边的空格return str.replace(/(^\s*)/g,&q…

编程日记2024/05/30 15:20:00

ARM 环境下使用azure powershell 从远程blob中拉去vhd 并创建虚拟机

最近需要从指定公共访问的blob中复制vhd到自己的订阅存储账户，并使用vhd创建AZURE ARM虚拟机(非经典版)，而且在portal.azure.cn中无法实现虚拟机映像创建等功能，于是自己使用azure powershell写了一个简单的脚本， 前期准备&#x…

编程日记2024/05/30 15:10:00

读懂电脑系统(一)

addins文件夹这是系统附加文件夹，用来存放系统附加功能的文件。AppPatch文件夹这是应用程序修补备份文件夹，用来存放应用程序的修补文件。Config文件夹这是系统配置文件夹，用来存放系统的一些临时配置的文件。Connection Wizard文件夹看名字就…

编程日记2024/05/30 15:00:00

java压缩解压缩类实例[转]

package com.yangxiaozuo.util; import java.io.ByteArrayOutputStream; import java.io.IOException; import java.util.zip.Deflater; import java.util.zip.Inflater; /** * ZLib压缩工具 * * author 梁栋 * version 1.0 * since 1.0 */ public abstract class ZL…

编程日记2024/05/30 14:50:00

前端应用打印控件

前端应用打印控件1. Lodop打印控件1.1 官网地址1.2 控件介绍1.3 控件安装程序下载1.4 控件使用1.4.1 使用示例1.4.1.1 官网提供的使用示例1.4.1.2 ng-alain提供的Lodop打印示例1.4.2 打印说明2. Hiprint打印插件2.1 官网地址2.2 插件介绍2.3 插件下载2.4 插件使用相关网址1. Lo…

编程日记2024/05/30 14:40:00

剑指Offer——平衡二叉树

题目描述： 输入一棵二叉树，判断该二叉树是否是平衡二叉树。分析： 平衡二叉树（Self-balancing binary search tree）又被称为AVL树（有别于AVL算法），且具有以下性质：它是一…

编程日记2024/05/30 14:30:00

yii2框架原生的结合框架使用的图片上传

首先我们要从model层开始写起，主要是为了创建验证规则，还有图片上传的路径以及图片的命名规则（UploadForm.php） 接下来我们要在控制器层写好业务逻辑，就是什么情况下直接在调用model层进行上传，一般失败的时…

编程日记2024/05/30 14:20:00

Windows Server 2003 : 服务器群集

服务器群集是一组运行 Microsoft Windows Server 2003 Enterprise Edition 或 Microsoft Windows Server 2003 Enterprise Edition 的独立的计算机系统（称为节点），不同节点像单个系统一样协同工作，从而确保执行关键任务的应用程序…

编程日记2024/05/30 14:10:00

初学者易上手的SSH-hibernate04 一对一一对多多对多

这章我们就来学习下hibernate的关系关联，即一对一(one-to-one)，一对多(one-to-many)，多对多(many-to-many)。这章也将是hibernate的最后一章了，用于初学者可以了。首先讲述一对一:就以一个人对应一张身份证为列子。第一步:新建表…

编程日记2024/05/30 14:00:00

Python爬虫入门教程 54-100 博客园等博客网站自动评论器

爬虫背景爬虫最核心的问题就是解决重复操作，当一件事情可以重复的进行的时候，就可以用爬虫来解决这个问题，今天要实现的一个基本需求是完成“博客园“ 博客的自动评论，其实原理是非常简单的，提炼一下需求基本需求登…

编程日记2024/05/30 13:50:00

T-SQL Convert转换时间类型

关键字: sql 时间转化 SQL中CONVERT转化函数的用法格式: CONVERT(data_type,expression[,style]) 说明: 此样式一般在时间类型(datetime,smalldatetime)与字符串类型(nchar,nvarchar,char,varchar) 相互转换的时候才用到. 例子: SELECT CONVERT(varchar(30),getdate(),101) n…

编程日记2024/05/30 13:40:00

解决Lodop 8443端口找不到CLodopfuncs.js文件问题

问题描述： GET https://localhost:8443/CLodopfuncs.js?nameCLODOP net::ERR_CERT_COMMON_NAME_INVALID 可能原因： https证书问题，通用名称不合法，地址栏访问https://localhost:8443，如下图所示解决方法&#…

编程日记2024/05/30 13:30:00

CString工作原理和常见问题分析

编程日记2024/05/30 13:20:00

javascript 学习三语句

1、if 语句 if (condition){ do something else } condition 是条件语句，在这里，condition 可以是任意表达式，但结果不一定就是布尔值，但javascript 会调用 boolean（） 来把结果转换成布尔值。 2、do-while …

编程日记2024/05/30 13:10:00

新建本地仓库，同步远程仓场景，出现git branch --set-upstream-to=origin/master master 解决方法...

1.本地创建一个本地仓库 2.关联远程端:git remote add origin gitgithub.com:用户名/远程库名.git3.同步远程仓库到本地git pull这个时候会报错If you wish to set tracking information for this branch you can do so with:git branch --set-upstream-toorigin/<branch>…

编程日记2024/05/30 13:00:00

Git npm相关命令

Git 相关命令查看用户名和密码配置用户名和密码查看git项目远程地址添加git远程仓库查看提交记录查看已有tag打标签在某次提交记录上打标签推送标签到远程推送单个指定tag到远程推送多个tag到远程2. npm相关命令2.1 设置npm源2.2 查看npm源2.3 npm清缓存查看用户名和密码 $ gi…

编程日记2024/05/30 12:50:00