如何限制锚点元素(<a>标记)的宽度？
如何限制锚点元素(<a>标记)的宽度？
提问于 2018-10-26 01:51:14
我正在尝试限制一个A html元素的宽度，这样它就会被冒烟，并避免在屏幕上占用太多空间。
目前，我没有更改文档结构的灵活性，所以我正在寻找一种纯CSS解决方案。
我试过了，但没有任何效果，文本仍然占用了所有可用的空间。
<html>
<head>
<style>
a.data {
color: red;
text-overflow: ellipsis;
width: 4ch;
max-width: 4ch;
overflow: hidden;
}
</style>
</head>
<body>
<span>
<a class="data">012345668</a>
and some other text
</span>
</body>
</html>Stack Overflow用户
发布于 2018-10-26 02:30:03
将a的display属性更改为inline-block将完成此操作：
a.data {
color: red;
text-overflow: ellipsis;
width: 4ch;
max-width: 4ch;
overflow: hidden;
display: inline-block;
}<span><a class="data">012345668</a> and some other text</span>
原因是a的默认显示是inline。inline元素不接受width、max-width、min-width和height。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52995830
复制相关文章
相似问题
腾讯云开发者
