Избегайте внахлест с помощью уравновешивания

привет у меня есть следующий код,Избегайте внахлест с помощью уравновешивания

<html> 
    <body> 
     <style> 
      div { 
       border: 2px solid #a1a1a1; 
       padding: 10px 40px; 
       background: #dddddd; 
       width: 300px; 
       height : 300px; 
      } 
     </style> 
     <div> 
      <svg id="text"> 
       <text transform="rotate(127,128,64)" opacity="1" text-anchor="start" font-weight="regular" font-style="Normal" font-family="Segoe UI" font-size="12px" fill="#191919" y="68.25" x="128" id="caption">Revenue stackoverflow Revenue stackoverflow </text> 
      </svg> 
     </div> 
    </body> 
</html>

из положить текста может быть перекрывали из области или overlape к следующему элементу SVG. поэтому я хотел бы показать, если текст перекрывается с другим элементом или из области, необходимо выполнить операцию триммирования.

пример: Доход stackove ...

источник

2015-02-18 Akbar Basha

Попробуйте с помощью CSS многоточием, например: -

div { 
       border: 2px solid #a1a1a1; 
       padding: 10px 40px; 
       background: #dddddd; 
       width: 300px; 
       height : 300px; 
       white-space: nowrap; 
       overflow: hidden; 
       text-overflow: ellipsis; 
      }

источник

2015-02-18 07:37:21

нет, мне нужно, чтобы показать, как этот доход stackove ... (...) –

Вы должны четко напишите свой вопрос, чтобы другие могли вам помочь. –

Избегайте внахлест с помощью уравновешивания

ответ

Смежные вопросы