css 文字自动换行并垂直居中div效果 |
您所在的位置:网站首页 › div文字垂直居中水平左对齐 › css 文字自动换行并垂直居中div效果 |
一个学习使用的笔记实例,用纯css 实现css 文字自动换行并垂直居中div效果,这样就像表格一样可以实现不管多少内容都可以居中显示了哦。 demo .box { position: relative; width: 500px; height: 300px; border: 1px solid #FFF; background-color: #999; display: table; } .wrap{ display: table-cell; vertical-align: middle; *position:absolute; *top: 50%; *left: 0; } .content { *position: relative; *top: -50%; *left: 0; }我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行 固定宽度的文字自动换行并垂直剧中">固定宽度的文字自动换行并垂直剧中 是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行我是文字随便几行 在线演示 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |