1. 程式人生 > >CSS—三種對齊方式(align)

CSS—三種對齊方式(align)

HTML程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>對其</title>
    <link rel="stylesheet" type="text/css" href="Align.css">
</head>
<body>
      <div class="m1"></div>
      <div class="m2"></div>
      <div class="m3"></div>
</body>
</html>

CSS程式碼

*{
    margin: 0px;
}
/*這裡的*也是萬用字元的意思,將預設的外邊距全部去掉*/

.m1{
    width: 75%;
    height: 100px;
    background: cornflowerblue;
    margin: 50px auto;
}
/*margin-left和right分別控制左右邊距,margin第一個屬性代表上下,後面代表左右*/

.m2{
    width: 75%;
    height: 75px;
    background-color: deepskyblue;
    position: absolute;
    left: 0px;
}

.m3{
    width: 75%;
    height: 100px;
    background-color:firebrick;
    float: right;
}

效果:

相關推薦

CSS方式align

HTML程式碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>對其</title>

python全棧開發基礎【第二十一篇】互斥鎖以及進程之間的通信方式IPC以及生產者個消費者模型

ipc 例子 清空 ase 多個進程 art 並且 star als 一、互斥鎖 進程之間數據隔離,但是共享一套文件系統,因而可以通過文件來實現進程直接的通信,但問題是必須自己加鎖處理。 註意:加鎖的目的是為了保證多個進程修改同一塊數據時,同一時間只能有一個修改,即串行的修

json的反序列方式轉載

JSON(JavaScript Object Notation),在實際的開發中非常常用,甚至一個json就可以儲存所有需要的信心呢。     物件:一個物件以花括號"{"開始,並以"}"結束,json儲存使用key:value形式,每一個鍵後 有一個冒號

Python學習【第20篇】:互斥鎖以及進程之間的通信方式IPC以及生產者個消費者模型

數量 release value body pan sin 回收 dom 之前 python並發編程之多進程1-----------互斥鎖與進程間的通信 一、互斥鎖 進程之間數據隔離,但是共享一套文件系統,因而可以通過文件來實現進程直接的通信,但問題

python學習之網站的編寫HTML,CSS,JS十三----------CSS字型和方式的設定

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>逆水行舟不進則退</title> </head> <b

適合小白用的css睡在中間居中方式!!!

HTML css css3. javascript 初學者 平常小白最討厭的事情就是css為什麽沒有辦法居中,現在小狐貍為大家整理幾種方式,請廣大人民群眾笑納!!! 吐舌頭 1水平居中1.1 內聯元素水平居中利用 text-align: center 可以實現在塊級元素內部的內聯元素水平居

存圖方式鄰接矩陣,鄰接表,鏈式前向星

#include<cstdio> #include<vector> #include<cstring> #include<algorithm> #include <iostream> using namespace std; const i

樹的遍歷方式C語言實現

//************************************************************************* // 【前序】遍歷演算法 //二叉樹不空,先訪問根結點,然後前序遍歷左子樹,再前序遍歷右子樹 //***********************

spring bean的例項化方式 xml方式

1,類中的無參建構函式建立物件(最常用的方式) spring配置檔案 <bean id = "person" class="com.wjk.spring.test.beans.xml.

資料結構| |二叉樹的遍歷方式遞迴&&非遞迴

首先來寫一下遞迴的! 對於遞迴要將大問題轉化為小問題,並且要有一個結束的位置。 比如:要前序遍歷一個二叉樹,那就是先訪問根節點,然後在訪問根節點的左子樹,在訪問根節點的右子樹,而左子樹與右子樹,又可以變成訪問該節點和該結點的左子樹和右子樹。這就變成了一個遞迴

二叉樹的遍歷方式遞迴、非遞迴和Morris遍歷

二叉樹遍歷是二叉樹的最基本的操作,其實現方式主要有三種: 遞迴遍歷 非遞迴遍歷 Morris遍歷 遞迴遍歷的實現非常容易,非遞迴實現需要用到棧。而Morris演算法可能很多人都不太熟悉,其強大之處在於只需要使用O(1)的空間就能實現對二叉樹O(n)時間的

億級PV請求的負載均衡技術

直接 轉發 指向 nfs admin ip地址 cnblogs 當前 求和 http://www.360doc.com/content/17/1126/23/50145453_707419125.shtml 目錄 DNS輪詢 LVS負載均衡 DR模式 NAT

原生js選項卡效果滑動

window solid nts html opacity ont cor rip show 第二種:鼠標移入切換效果實現 <!DOCTYPE html> <html> <head> <meta charset

Spring學習之Spring裝配機制:顯示裝配bean

  今天我們介紹一下Spring三種裝配機制中的另外兩種裝配方式:JavaConfig和XML配置,這兩種方式區別於自動化裝配方式都屬於顯示裝配。 1、Java程式碼裝配bean 首先,我們通過在Config類中使用@Bean註解來宣告bean; @Bean註

springboot的5讀取配置方式5:通過applicationContext.xml讀取

2.通過config讀取指定檔案:可以把同一類的bean進行統一管理,然後通過config指定讀取配置檔案/** * 學生實體類 * Created by ASUS on 2018/5/4 */ public class

嵌入式C語言的位元組理解圖文

 1.位元組對齊?            對齊跟資料在記憶體中的位置有關。如果一個變數的記憶體地址正好位於系統長度的整數倍,他就被稱做自然對齊。比如在32位cpu下,假設一個整型變數的地址為0x00000004,那它就是自然對齊的。  2. 計算機為什麼要對齊?   需

vmware網路模式配置轉載

虛擬機器系統安裝的是Linux系統 首先,在本機上檢視所有網路配置連線,使用命令:ipconfig Microsoft Windows [版本 6.1.7600]版權所有 (c) 2009 Microsoft Corporation。保留所有權利。 C:\Users\Administrator>ip

grpc-服務端與客戶端四資料傳遞方式2

gpc服務端和客戶端的資料傳送有四種方式,客戶端啟動服務端的啟動程式碼在上篇文章已經描述,這裡將只列出關鍵實現的程式碼。 1.客戶端傳送一個物件,服務端返回一個物件 這種方式類似於傳統的Http請求資料的方式,在上篇文章有一個簡單的實現例子,在這裡不再描

最安全最方便最容易上手的以太坊ETH錢包

1. MyEtherWalletMyEtherWallet 作為一個輕錢包,上手難道不大,無需下載,在直接在網頁上就可以完成所有的操作。在MyEtherWallet上生成的私鑰由使用者自我保管,平臺方並無備份。優勢:方便快捷,連網即可發起交易劣勢:2. imToken移動端錢

Java中httpClient中的超時設定小結

在Apache的HttpClient包中,有三個設定超時的地方: /* 從連線池中取連線的超時時間*/ ConnManagerParams.setTimeout(params, 1000); /*連線超時*/ HttpConnectionParams.s