Maison > interface Web > tutoriel HTML > le corps du texte

为什么加了word-break : break-all;还是不换行呢?_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:12:39
original
1706 Les gens l'ont consulté




回复讨论(解决方案)

这里应该加不换行的  思维错了
white-space:nowrap;

<div class="tagwraper"><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a></div><style>.tagwraper{width:940px;/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;word-break : break-all; }.tagwraper:after{	content:".";	display:block;	clear:both;	height:0;	visiblity:hidden;}.tagwraper{	zoom:1;  /* for IE */}.tagwraper a{float:left;margin-right:26px;color:#3178C6;}.tagwraper a:hover{background:#217BD1;color:#fff;}</style>
Copier après la connexion

如果你说的是浮动元素的闭合,上面这样就行

我晕啊,刚提交,里面的A标签是浮动的,外层设置这些也没用啊
这里应该加不换行的 思维错了
white-space:nowrap;

<div class="tagwraper"><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a><a href="#">商人学院</a></div><style>.tagwraper{/*990-48*/border:1px solid #E6E6E6;padding:24px; background:#fff; margin:0 auto;white-space:nowrap; }.tagwraper a{display:inline-block;margin-right:26px;color:#3178C6;}.tagwraper a:hover{background:#217BD1;color:#fff;}</style>
Copier après la connexion

我晕啊,刚提交,里面的A标签是浮动的,外层设置这些也没用啊

引用 1 楼 的回复:

这里应该加不换行的 思维错了
white-space:nowrap;



JScript code


商人学院商人学院商人学院 为什么用display:inline-block;?啊

inline-block  行内块元素

参考下
http://www.blueidea.com/tech/web/2007/4532.asp

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal