多少浮动div居中?
建议浮动li改为inline-block,然后ul居中对齐。大致写一下。
<style>
* {填充:0;边距:0;}
.wrap { width:250 px;填充:0 15px边距:50px边框:5px纯红;背景:# ddd}
.wrap _ title { padding:5px 0;字体粗细:粗体;}
.date _ list { list-style:none;填充:10px 0;文本对齐:居中;}
.date _ list Li { width:100px;填充:5px保证金:5px显示:内嵌-块;}
.bgcolor { background:# ff 6699;}
& lt/style & gt;影响
请问怎么用CSS设置DIV居中或靠左靠右。或者距上多少像素,下,左右?
如何让一个p悬浮在另一个p上面,在线等?
1、首先需要做的就是创建两个p。
2、创建了p后,需要分别给它们Class属性。
3、接下来,使用css,通过Class属性给它们设置样式。
4、需要给于它们一个宽度与高度,为了便于观察,可以给它们一个边框。
5、接下来,先给不悬浮的p设置样式,给它设置一个背景颜色。
6、接下来设置悬浮起来的p的样式,需要先将其进行绝对定位。设置其position。8、设置完毕后,返回页面即可看到效果。
如何让两个p并排?
在HTML中让两个p并排显示,通常情况下有三种实现方式,包括:(1)设置为行内样式,display:inline-block(3)设置position定位属性为absolute以下为三种方式的具体实现代码:1、设置每个p的展现属性为行内样式,示例代码为:
p1
p2
p1
p2
3、设置position定位属性为absolute, 示例代码为:
p1
p2
css清除浮动方法(1)添加新的元素 、应用 clear:both.clear {height: 0;height: 0;overflow: hidden;}(2)父级p定义 overflow: autooverflow: auto;zoom: 1; //处理兼容性问题}(3)伪类 :after 方法 outer是父p的样式.outer { zoom:1; } /*==for IE6/7 Maxthon2==*/.outer :after {clear:both;content:’.’;display:block;width: 0;height: 0;visibility:hidden; }
web居中对齐怎么设置?
一、水平居中(text-align:center;)
这个属性在没有浮动的情况下,我们可以将块级元素转换为inline/inline-block,然后其父元素加上text-align:center;属性就可以将其居中。如果是行内元素(比如span、img、a等)直接在父元素上添加text-align:center;属性即可。
二、使用margin:0 auto;水平居中
前提:给元素设定了宽度和具有display:block;的块级元素。
让一个DIV水平居中,只要设置了DIV的宽度,然后使用margin:0 auto,css自动算出左右边距,使得DIV居中。
三、定位实现居中(需计算偏移值)
原理: 通过定位使元素左上角居中,再通过偏移值margin调整使元素中心居中。 缺点:高度宽度需事先知道。
<p class="absolute_p1">
<p class="absolute_c1"></p>
</p>
.absolute_p1 {
position: relative;
width: 200px;
height: 200px;}
.absolute_p1 .absolute_c1 {
width: 100px;
height: 100px;
position: absolute; /* fixed 同理 */
left: 50%; top: 50%;
margin-left: -50px;
margin-top: -50px; /* 需根据宽高计算偏移量 */}
该方法普遍使用,但是前提必须知道元素的宽度和高度。如果当页面的宽高是动态的,比方说页面需要弹出一个DIV层必须要居中显示,DIV的内容是动态的,所以宽高也是动态的,这是可以用jquery解决居中。
html怎样设置p一半背景颜色?
方法/步骤
1,新建一个html文件,命名为test.html,用于讲解p+css如何实现左右分栏。
2,在test.html文件内,使用p标签创建一个p模块,并设置其class属性为con,主要用于下面通过该class来设置css样式。
3,在test.html文件内,再使用p标签创建两个p,分别设置其class属性为a,b。
4,在test.html文件内,在css标签内,使用“*”初始化页面内所有元素的内外边距都为0。
5,在test.html文件内,对类名为con的p进行样式设置,定义其宽度为500px,高度为400px,居中对齐。同时,设置该p内的两个p的宽度为50%,高度为100%。
6,在test.html文件内,对类名为a的p进行样式设置,定义其背景颜色为红色,浮动向左;对类名为b的p进行样式设置,定义其背景颜色为黄色,浮动向右。
7,在浏览器打开test.html文件,查看实现的效果。