css
1 .per{
2 display:block;
3 position:relative;
4 text-align: center;
5 min-height:200px;
6 }
7 .box{
8 background-color: #000;
9 width: 100px;
10 display: inline-block;
11 position: relative;
12 min-height:20px;
13 }
14 .text{
15 color: #ff0000;
16 white-space: nowrap;
17 position: absolute;
18 left: 50%;
19 display: block;
20 transform: translate(-50%);
21 }
html
1 <div class="per">
2 <div class="box">
3 <span class="text">testesttestesttestesttestesttestesttestesttestesttestesttestest</span>
4 </div>
5 </div>
6 <div class="per">
7 <div class="box">
8 <span class="text">ああああああああああああ</span>
9 </div>
10 </div>
11 <div class="per">
12 <div class="box">
13 <span class="text">いいいいいいいいい</span>
14 </div>
15 </div>
16 <div class="per">
17 <div class="box">
18 <span class="text">うううううう</span>
19 </div>
20 </div>
ご質問の意図にあっていれば
とかですかね?
height決め打っちゃうのがいけてないですが。。。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/22 07:21