美文网首页
浮动元素水平居中

浮动元素水平居中

作者: 小单_33ea | 来源:发表于2018-04-23 17:33 被阅读0次

<div class=''box">

    <p>我是浮动的</p>

    <p>我也是居中的</p>

</div>

.box{

    float:left;

    position:relative;

    left:50%

}

p{

    float:left;

    position:relative;

    right:50%;

}

相关文章

  • 居中大法

    水平居中 行内元素水平居中给它的父级元素设置 块级元素水平居中给该元素设置margin值 子元素有浮动对父元素进行...

  • 浮动元素水平居中

    我是浮动的 我也是居中的 .box{ float:left; position:relativ...

  • css元素居中

    水平居中 这里讨论的水平居中,是针对处于文档流中的元素。绝对定位(absolute),固定定位(fixed),浮动...

  • css居中方式总结(亲测有效)

    水平居中(行内元素水平居中、块级元素水平居中) 垂直居中 水平垂直居中 行内元素水平居中 text-align: ...

  • 垂直居中/水平居中/浮动元素垂直居中

    浮动元素垂直居中 以下方法:父元素定位都是positon:relative(方法一和方法二) 方法一 若是不知道高...

  • 所有CSS居中方法,了解一下?

    目录 水平居中内联元素水平居中块级元素水平居中多个块级元素的水平居中 垂直居中内联元素垂直居中单行内联元素多行内联...

  • 一列水平居中

    margin: 0 auto;一列水平居中 该元素一定不能浮动,否则无效。 内联块元素和内联元素设置居中要变成块元...

  • 浮动(float)块元素水平居中

    设置float属性的div,会脱离正常文档流,自身变成block,易造成“父元素高度坍塌”,因此父元素必须设置he...

  • CSS的水平居中

    水平居中可分为行内元素水平居中和块级元素水平居中** 1.1 行内元素水平居中 这里行内元素是指文本text、图像...

  • CSS相关

    居中 块元素水平居中 行内元素水平居中 模拟表格 实现水平居中display:table ( ) | table-...

网友评论

      本文标题:浮动元素水平居中

      本文链接:https://www.haomeiwen.com/subject/zlvllftx.html