我正在嘗試使用容器內的文本進行以下操作： 所需的行為影片
但不幸的是，這就是我得到的： 我的方法
這是我到目前為止的代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.container {
max-width: 1920px;
margin: 0 auto;
}
.title {
font-size: clamp(12px, 10vw, 142px);
text-transform: uppercase;
align-items: center;
white-space: nowrap;
width: 100%;
}
.title:last-child{
text-align: right;
}
</style>
</head>
<body>
<section>
<div class="container">
<h2 class="title">Get in touch</h2>
<h2 class="title">Know about me</h2>
</div>
</section>
</body>
</html>
uj5u.com熱心網友回復：
您應該設定容器的高度vw以及考慮元素的寬度
height : 20vw;
它將按您的意愿作業，如果不是，請告訴我
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/469198.html
標籤：javascript html css
上一篇：元素從容器頂部溢位flex