甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。
创新互联建站成立于2013年，是专业互联网技术服务公司，拥有项目成都网站建设、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元高台做网站,已为上家服务,为高台各地企业和个人服务,联系电话:13518219792
用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left：auto； margin-right：auto 之类的即可。 主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。
option{ text-align：center；} 必须设置select的padding，留意：padding： 0 2%； 前面的0表示上下，后面的值表示左右，这个值设置为1%都可以，但是不能是0，值越大，select就越长。
要设置文本对齐（左对齐，右对齐，居中对齐）需要用到的CSS属性是text-align属性。
可以使用“text-align：right；”属性让div里文字靠右。
使用CSS模拟文字竖排。对文字对象宽度设置只能排下一个文字的宽度距离，让文字一行排不下两个文字使其文字自动换行，就形成了竖立排版需求。
首先新建一个html文件，命名为test.html，在test.html文件中，使用div标签创建一个模块，用于测试。在test.html文件中，给div标签添加一个class属性，用于下面样式设置。
首先先准备图片素材和文字语言。添加CSS样式修饰，最外面的大框添加宽度居中。现在的图文是这样排版。想要将图文左右排版，无非是定位或者浮动，对图片块和文字块都添加了浮动效果后。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码： 浏览器运行index.html页面，此时一张图片被固定右上角，另一张图片被固定右下角。
你好，你在CSS里面，.main .gn2，表示在mian类里的gn2生效， 你的HTML代码里面并没有main类，所以css所有样式都没有选择成功，把css里的.main全都去掉，就可以在同一行了，下图是去掉.main后的效果。
left div宽度过大 直接float：left，其他的没必要要了，在外层整一个div，宽度限定。使用float：left 就会自动换行的，里面的div宽度看效果调试一下就行。div容易引起浏览器兼容问题，尤其是使用CSS 中的float属性，慎用。
设置AAAAA这个小盒子的大小和对齐方式（不要超过大盒子的大小，不然会大盒子会溢出），BB同样也是一个小盒子，设置他的大小和对齐方式放进去即可，如果AAAAA这个盒子设置的太大，BB这个盒子就放不下去了，就会将大盒子撑开。
.left1{float：left；} .right{float：right；} 可能是left和right给的太宽了，给小一点试试。
要设置文本对齐（左对齐，右对齐，居中对齐）需要用到的CSS属性是text-align属性。
CSS实现两端对齐可以使用文本对齐属性text-align： justify；，它会将行中的所有单词和字符分布均匀地填满整行，实现两端对齐的效果。不过需要注意的是，该属性只对有多行文本的块级元素有效果。
首先，打开html编辑器，新建html文件，例如：index.html。
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {； ； ...} 选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。
其实实现段落的两端对齐，只需要设置两个css样式即可。
本文将详细介绍CSS两端对齐的3种实现方式flex？弹性盒模型flex作为强大的弹性布局方式，可以hold住大部分的布局效果，当然也包括两端对齐。