文本框居中，文字自适应换行

最新推荐文章于 2022-07-14 17:00:40 发布

The Dark Kinght

最新推荐文章于 2022-07-14 17:00:40 发布

阅读量653

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/u013455430/article/details/101265643

版权

前端专栏收录该内容

38 篇文章 0 订阅

订阅专栏

BFC布局详解，模块垂直居中详解：https://www.cnblogs.com/hz1124/p/6131795.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Example </title>
  </head>
  <body>
    <div class="box">
      <p class="charset"> 
          assafadsassssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
      </p>
    </div>
  </body>
</html>

<style>
  body,html{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .box{
    height: 300px;
    width: 300px;
    background-color: bisque;
    display: flex;
    position: relative;
  }
  .charset{
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
  }
</style>

The Dark Kinght

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文本框居中，文字自适应换行

BFC布局详解，模块垂直居中详解：https://www.cnblogs.com/hz1124/p/6131795.html<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>Example </title> ...
复制链接

扫一扫

专栏目录