0

More than 5 years have passed since last update.

ellipsis で幅指定したら、外側のmarginがwidth:100%の計算を崩してしまったケース

Last updated at 2016-11-08Posted at 2016-11-08

文字がはみ出たら ... にする

text-overflow: ellipsis;

幅を指定しないとはみ出たことにならないので、block 、幅指定する

しかし、、

外側に margin 幅の指定があると、、、

width: 100%;
にて、横スクロールバーが出てしまう。

解決は、

外側の横幅のmarginを、padding にする。

類似の問題だが解決しない方法

幅100% を指定した時の横スクロールバーが出る問題

box-sizing: border-box;

を指定しても、外側に margin があるとダメ

0

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

0