アンカー要素のオーバーフローで完全なアウトラインが表示されない

Question

固定幅のpタグで囲まれたアンカータグがあります。 pタグのCSSのtextoverflow：省略記号、overflow：hidden。焦点はすなわちAアンカータグやコンテンツオーバーフロー上にあるとき は、右のアウトラインが、私はアンカータグのための焦点の右の輪郭や境界線が見えるように追加することができます

どの属性見え長い文字列ではありませんか？

Answer 1

あなたはこのjsfiddle試みることができる：

HTML

<p><a href="">VERY LONG TEXT AAAAAAAAAAAAARRRRRRRRRGGGGGGGGGGGHHHHHHHH</a></p> 

CSS

p { 
    background: #dedede; 
    width: 200px; 
    text-overflow: ellipsis; 
    overflow : hidden; 
} 

p:focus-within { 
    overflow : initial; 
}