css中text-wrap设置为balance效果代码
代码语言:html
所属分类:布局界面
代码描述:css中text-wrap设置为balance效果代码
代码标签: css text-wrap 设置 balance
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Oxygen+Mono&display=swap" rel="stylesheet"> <style> body { display: grid; place-items: center; min-height: 100vh; margin: 0; color: #fff; background-image: linear-gradient(-20deg, #d6e6f4, #9cc4e4); font: 1.5rem/1.333 'Oxygen Mono', monospace; overflow-x: hidden; } @media (max-width: 500px) { body { font-size: 1.125rem; } } main { position: relative; margin: 15px 10px; } main::after { content: ''; displa.........完整代码请登录后点击上方下载按钮下载查看
网友评论0