Якорный текст, выходящий из раздела div

Question

У меня есть элемент div и тег привязки, который отображает его имя. Это текст выходит за пределы div. Как контролировать этот текст?

<div class="col-md-6">
  <a style="border: 1px solid #d1d1d1;
    margin-top: 5px;
    padding: 10px;
    overflow: hidden;
    min-height: 345px;
    min-width: 221.46px !important;
    max-width: 230.46px !important;" href="http://localhost/hostname/MDLIncidentMgmt/IM_TicketDetail.aspx?ID=abcsfstw%3d%3d" target="_blank" class="notranslate">http://localhost/hostname/MDLIncidentMgmt/IM_TicketDetail.aspx?ID=abcsfstw%3d%3d
    </a>
</div>

Answer 1

Я понял, что это происходит, потому что вы делаете это:

<a href="http://google.com">http://google.com</a>

Так как в ссылке все все связано друг с другом, это не может быть разделено нормально. Таким образом, вы должны использовать что-то вроде этого вместо этого:

<a href="http://google.com"> Link </a>

Или вы также можете использовать здесь кнопку:

 <a href="http://google.com">
    <button class="btn btn-priamary">LINK</button>
 </a>

Или, если вы, конечно, хотите сделать, как у вас есть , вы должны сделать что-то вроде этого:

Это решит вашу проблему, Инсаллах.

Answer 2

Не совсем уверен, что вы пытаетесь выполнить sh, но если вы хотите, чтобы он просто помещался внутри div, удалите материал width и просто сделайте его inline-block, так как вы не можете применить width или height к встроенным элементам, которые привязывают тег по умолчанию

<div class="col-md-6"><a style="border: 1px solid #d1d1d1;
      margin-top: 5px;
      padding: 10px;
      display: inline-block;
      min-height: 345px;" href="http://localhost/hostname/MDLIncidentMgmt/IM_TicketDetail.aspx?ID=abcsfstw%3d%3d" target="_blank" class="notranslate">http://localhost/hostname/MDLIncidentMgmt/IM_TicketDetail.aspx?ID=abcsfstw%3d%3d</a></div>