Как мне сделать перенос текста в <div>с большим радиусом границы - PullRequest
Новая
       13

Как мне сделать перенос текста в <div>с большим радиусом границы

3 голосов
/ 07 июня 2010

в следующем коде 

<html>
<body>
<div style="height:400px; width:400px;  -moz-border-radius:100px; -webkit-border-radius:100px; border:3px solid #500;     background-color:#a00; overflow:hidden;">
Why is this getting cut at the beginning???
</div>
</body>
</html>

Почему браузер не оборачивает текст вокруг закругленных углов. В браузерах webkit (я тестировал и chrome, и safari) скрытый переполнение обрезает текст за пределами рамки. Firefox просто выводит текст за границу. Я также попробовал это без переполнения: скрытый; но опять же текст просто отображается за пределами границы.

Ответы [ 2 ]

3 голосов
/ 07 июня 2010

Используйте отступы для настройки вашего контента 

padding-left:20px;
padding-top:50px;

Следовательно, это выглядит как ... 

<div style="height:400px; width:400px;  -moz-border-radius:100px; -webkit-border-radius:100px; border:3px solid #500;     background-color:#a00; overflow:hidden;padding-left:20px;padding-top:50px;">
1 голос
/ 07 июня 2010

если радиус вашей границы равен 100px / Вы должны использовать это / 

div.blabla{padding:36px;}

это хороший коэффициент заполнения для div с радиусом границы 36% /

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...