0

#f {
   width:400px;
}

#h {
   width:100%;
   display:flex;
   align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#g {
    background-color: #000;
    color:#fff;
    margin-left: auto;
}
<div id=f>
    <div id=h>
         Строчка, которую необходимо урезать..............Текст
         <div id=g>Не сокращать</div>
     </div>
</div>

Вопрос в том, возможно ли урезать строчку если она не помещается в ширину блока. При этом, не обертывая ее в html блок.

2
  • Не то. В моем примере, расположен блок, который должен быть прижатым по правую сторону, а по левую от него. Текст, вот его и необходимо обрезать, при этом не обертывая в доп html блок. 16 авг 2022 в 11:29

1 ответ 1

0

легко

#x {
  width:25px;
  display: inline-block;
  overflow: hidden;
}
<div id="x">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

если это не то что нужно, переформулируйте вопрос.

В моем примере, расположен блок, который должен быть прижатым [не?] по правую сторону, а по левую от него.

если речь про #G примените к нему float left:

#x {
  width:25px;
  display: inline-block;
  overflow: hidden;
}
#g{background: gray; float: left;}
<div id="x">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div id="g">bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.