1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2016-11-08

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

text-overflow: ellipsis;

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

しかし、、

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

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

解決は、

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

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

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

box-sizing: border-box;

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

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?