display

CSS的display显示

由 六月ゝ 毕业季﹏ 提交于 2020-02-24 02:51:56
CSS的display显示 1. 行内元素和块级元素关系 块级元素：1、标题标签：h1~h6；2、段落标签：p1~p6；3、div；4、列表；等 行内元素：1、span；2、a；3、img；4、strong；等 二者关系： 行内元素 可以 包含在块级元素中； 块级元素 不可以 包含在行内元素中； 因此，导致一个问题：当想把块级元素放在一行时，会有问题。因此，出现了解决方案：display 2. 把块级元素放在一行 CSS语法格式：标签名 {display:inline;} 举例：列表是块元素，将其放在一行 HTML代码如下： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"></head><body>​<p>链接列表水平显示：</p>​<ul> <li><a href="https://www.baidu.com/" target="_blank">HTML</a></li> <li><a href="https://www.baidu.com/" target="_blank">CSS</a></li> <li><a href="https://www.baidu.com/" target

未知高度的图片垂直居中

由 早过忘川 提交于 2020-02-23 21:45:13
未知高度的图片垂直居中（转自：http://stylechen.com/img-middle.html） 图片的宽度和高度是未知的，没有固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中。最近的在做的项目就有这个需求，所以先把一些常用的方法都收集整理了一下。 下图是理想中的效果图，外部容器的宽度和高度固定，中间的图片宽度和高度未知，但是图片要始终要相对于外部的容器垂直居中。 但是实际在浏览器中实现起来的效果并不是很完美，由于各浏览器的解析都各不相同，所以在各浏览器都会有1px-3px的偏差。 方法一： 该方法是将外部容器的显示模式设置成display:table，img标签外部再嵌套一个span标签，并设置span的显示模式为 display:table-cell，这样就可以很方便的使用vertical-align象表格元素那样对齐了，当然这只是在标准浏览器下，IE6/IE7还得使用定位。 HTML结构部分： 1 <div id= "box" > 2 <span><img src= "images/demo.jpg" alt= "" /></span> 3 </div> CSS样式部分： 01 <style type= "text/css" > 02 #box{ 03 width:500px;height:400px; 04 display:table; 05

全屏布局

由 烂漫一生 提交于 2020-02-23 18:00:50
方法一 html,body,.parent{margin:0;height:100%;overflow:hidden;} body{color:white;} .top{ position:absolute;top:0;left:0;right:0;height:100px; background:blue; } .left{ position:absolute;left:0;top:100px;bottom:50px;width:200px; background:red; } .right{ position:absolute;left:200px; top:100px;bottom:50px;right:0; background:pink;overflow: auto; } .right .inner{min-height: 1000px;} .bottom{ position:absolute;left:0;right:0;bottom:0;height:50px; background: black; } <body> <div class="parent"> <div class="top">top</div> <div class="left">left</div> <div class="right"> <div class="inner">right</div>

string的empty，size，length等比较

由 怎甘沉沦 提交于 2020-02-23 10:49:44
1 #include<iostream> 2 #include<string> 3 4 using namespace std; 5 6 void Display(const string& str) 7 { 8 cout<<"String: "<<str<<endl; 9 cout<<"Empty: "<<str.empty()<<endl; 10 cout<<"Size: "<<str.size()<<endl; 11 cout<<"Length: "<<str.length()<<endl; 12 cout<<"Capacity: "<<str.capacity()<<endl; 13 cout<<"Maxsize: "<<str.max_size()<<endl; 14 cout<<endl; 15 } 16 17 18 int _tmain(int argc, _TCHAR* argv[]) 19 { 20 string s1=""; //无字节 21 Display(s1); 22 23 string s2=" "; //两个空子节 24 Display(s2); 25 26 string s3="123456"; 27 Display(s3); 28 29 string s4="123 456 asd"; 30 Display(s4); 31 32 /* s3

CSS 自适应布局

由 泄露秘密 提交于 2020-02-22 18:10:51
本篇文章将介页面布局中的自适应布局，常见的自适应布局有以下2种：左列固定右列自适应、左右两列固定中间自适应。 1. 左列固定右列自适应布局方案 说明 ：左列固定右列自适应，也可以为右列固定左列自适应，常见于中台管理界面、移动端Web的列表展示等等。 <div class="container"> <div class="left">固定宽度</div> <div class="right">自适应</div> </div> 1.1 子元素 float:left 说明 ：左边的固定列设置为 float:left，右边的自适应列设置为 float:none。 CSS ： * { margin: 0;padding: 0 } .container { position: absolute; width: 100%; height: 100%; } .left { float: left; width: 200px; height: 100%; background-color: #72e4a0; } .right { float: none; width: 100%; height: 100%; background-color: #9dc3e6; } 1.2 子元素 width:calc() 说明 ：自适应列的width根据calc()自动计算，如：父容器width -

sv copy

由 别等时光非礼了梦想. 提交于 2020-02-22 14:42:35
1. 使用new操作符复制一个对象 1 class Header; 2 int id; 3 function new (int id); 4 this.id = id; 5 endfunction 6 7 function showId(); 8 $display ("id=0x%0d", id); 9 endfunction 10 endclass 11 12 class Packet; 13 int addr; 14 int data; 15 Header hdr; 16 17 function new (int addr, int data, int id); 18 hdr = new (id); 19 this.addr = addr; 20 this.data = data; 21 endfunction 22 23 function display (string name); 24 $display ("[%s] addr=0x%0h data=0x%0h id=%0d", name, addr, data, hdr.id); 25 endfunction 26 endclass 27 28 module tb; 29 Packet p1, p2; 30 initial begin 31 // Create a new pkt object called p1 32

php广告显示设置存放记录的目录代码

由 时光毁灭记忆、已成空白 提交于 2020-02-22 12:54:30
<?php #########随机广告显示########## function myads(){ $dir="ads"; #设置存放记录的目录 //$dir="ads"; #设置存放记录的目录 $ads="$dir/ads.txt"; #设置广告代码文件 $log ="$dir/ads.log"; #设置ip记录文件 $ads_lines=file($ads); $lines=count($ads_lines);#文件总行数 ####读出广告总数$ads_count和显示次数到数组$display_array######## $ads_count=0; $display_count=0; for ($i=0;$i<$lines;$i++){ if((!strcmp(substr($ads_lines[$i],0,7),"display"))){ $ads_count+=1; $display_array[$ads_count]=substr($ads_lines[$i],8); $display_count+=$display_array[$ads_count]; } 2881064151} ####决定随机显示序号$display_rand##### srand((double)microtime()*1000000); $display_rand = rand(1,

博客园美化主题推荐之Bili

由 亡梦爱人 提交于 2020-02-21 19:16:06
博客园美化主题推荐之Bili 一、前言 本博客美化主题作者为： GShang ，本文仅在教导如何快速把该美化主题应用到自己的博客中，详细部署内容见 博客园主题——Bili2.0来啦 。 二、博客预览 以下为该美化主题的简单预览： 三、部署美化主题 3.1.准备工作 如果没有开通博客园页面js权限的，先要在博客设置页面申请权限，之后才能开始部署美化主题。（只要礼貌点，客服很快就会批准的😀）。 获取js权限之后进入博客设置界面： 在这里可以添加自定义的样式代码。 3.2.页面定制 CSS 代码 在 "页面定制 CSS 代码" 框中输入以下样式代码： /* 导入符号字体 */ @import url(https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px); @import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css) screen and (min-width:0px); textarea[title=js]{ display: none; } /* 此处可自定义修改 */ /* 设置全局变量 */ @media screen and (min-width:0px) { :root { /

PHP 错误日志

由 こ雲淡風輕ζ 提交于 2020-02-20 06:13:13
display_errors 错误回显，一般常用语开发模式，但是很多应用在正式环境中也忘记了关闭此选项。错误回显可以暴露出非常多的敏感信息，为攻击者下一步攻击提供便利。推荐关闭此选项。 display_errors = On 开启状态下，若出现错误，则报错，出现错误提示 dispaly_errors = Off 关闭状态下，若出现错误，则提示：服务器错误。但是不会出现错误提示 log_errors 在正式环境下用这个就行了，把错误信息记录在日志里。正好可以关闭错误回显。 对于PHP开发人员来说，一旦某个产品投入使用，那么第一件事就是应该将display_errors选项关闭，以免因为这些错误所透露的路径、数据库连接、数据表等信息而遭到黑客攻击。 某个产品投入使用后，难免会有错误信息，那么如何记录这些对开发人员非常有用的信息呢？ 将PHP的log_errors开启即可，默认是记录到WEB服务器的日志文件里，比如Apache的error.log文件。 当然也可以记录错误日志到指定的文件中。 复制代码 代码如下: # vim /etc/php.ini display_errors = Off log_errors = On error_log = /var/log/php-error.log 另外也可以设定error_log = syslog，使这些错误信息记录到操作系统的日志里。

挂号平台首页开发（静态页面部分）

由 天涯浪子 提交于 2020-02-19 19:23:33
1、首先是设计稿 2、然后使用PxCook进行尺寸标注 3、字体信息去PS里看 4、首页框架代码编写 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="top" id="top"> <div class="wrap"> </div> </div> <div class="header" id="header"> <div class="wrap"> </div> </div> <div class="nav" id="nav"> <div class="wrap"> </div> </div> <div class="banner" id="banner"> <div class="wrap"> <div class="banner-slide" id="banner-slide"></div> <div class="banner-search" id="banner-search"></div> <div class="banner-help" id="banner-help"></div> </div>
订阅 display