Как предотвратить разрыв длинной гиперссылки после дефиса, но сохранить в parrent DIV - PullRequest
Новая
       40

Как предотвратить разрыв длинной гиперссылки после дефиса, но сохранить в parrent DIV

0 голосов
/ 20 октября 2019

У меня проблема с очень длинной гиперссылкой (результат DropBox API). Я хотел бы разместить эту длинную гиперссылку в поле (DIV) от одной стороны до следующей полной ширины. Эта гиперссылка настолько длинная, что в моей компоновке многострочная. Эта гиперссылка также имеет много дефисов. Если я поставлю пробел: nowrap; , то переноса не будет, и гиперссылка будет в одной строке, но выходит за пределы DIV. Если у меня этого нет, гиперссылка прерывается после дефиса.

Я пробовал также display: table-cell; , но это не помогает. Код приведен ниже, и я также приложил изображение JPG с визуальным объяснением того, что мне нужно достичь :) 

<body>

      <div style='width: 800px; margin-left: auto; margin-right: auto;'>
            <p style='
                  word-wrap: break-word;
                  font-decoration: none; 
                  border-style: solid; 
                  border-width: 1px; '>
                  https://dl.dropboxusercontent.com/apitl/1/ALk3qJvqL7bxI3Kf0swn4wgFdldncEhgEJT-yiEnWjn4ULarF1YAZrrlVaU7MTcgketcaif9qjwVXOjEWYe4pLhRDIlQdzou4N424G6Xm5l8KoZtHbT8gsRlFhyda9NIvwW-IRTpJOR3sHqRskC8N8knxx4x6jZlDJRkWj3CaMkislOf5SObk5mU42unmVW__jO2hRYEd3jPMixU_MojMM7fD5kHab8smqthpistTG2MlI3xDBxxSC_UWYmgS6f38Rdqd-3MnOwikSFty9ZeH-5qTVCHJrRECSJL07CT1PXHxslI0Bavs_hcNowNbnWi_ToiTenKCJHrcFkw7fVi7yJZuQ-HFccIWQHMAFOIx5vCMA 
            </p>
      </div>

      <div style='width: 800px; margin-left: auto; margin-right: auto;'>
            <p style='
                  word-wrap: break-word;
                  white-space: nowrap;
                  font-decoration: none; 
                  border-style: solid; 
                  border-width: 1px;'>
                  https://dl.dropboxusercontent.com/apitl/1/ALk3qJvqL7bxI3Kf0swn4wgFdldncEhgEJT-yiEnWjn4ULarF1YAZrrlVaU7MTcgketcaif9qjwVXOjEWYe4pLhRDIlQdzou4N424G6Xm5l8KoZtHbT8gsRlFhyda9NIvwW-IRTpJOR3sHqRskC8N8knxx4x6jZlDJRkWj3CaMkislOf5SObk5mU42unmVW__jO2hRYEd3jPMixU_MojMM7fD5kHab8smqthpistTG2MlI3xDBxxSC_UWYmgS6f38Rdqd-3MnOwikSFty9ZeH-5qTVCHJrRECSJL07CT1PXHxslI0Bavs_hcNowNbnWi_ToiTenKCJHrcFkw7fVi7yJZuQ-HFccIWQHMAFOIx5vCMA 
            </p>
      </div>

</body>

</html>

Что мне нужно, ПИК

Заранее спасибоза ваши предложения.

Бест, Михал

...