加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

php – 强制链接不打破2行

发布时间:2020-12-13 21:48:39 所属栏目:PHP教程 来源:网络整理
导读:我正在生成带有$_GET [Array]的链接 a以显示在一个框中.每行大约5-10个链接.我正在寻找一种解决方案来设置这些链接的样式 – 以确保它们不会显示在2行中. 我正在使用{text-align:justify;}来获得相同的边界距离,但是想知道是否有任何方法可以防止这些链接显
我正在生成带有$_GET [Array]的链接< a>以显示在一个框中.每行大约5-10个链接.我正在寻找一种解决方案来设置这些链接的样式 – 以确保它们不会显示在2行中.
我正在使用{text-align:justify;}来获得相同的边界距离,但是想知道是否有任何方法可以防止这些链接显示在2行中.

这是我的CSS

.box {
width       : 782px;
min-height  : 120px; 
position    : relative;
padding     : 10px 10px 40px 10px; 
border      : 1px solid #D3D3D3;
margin-left : 5px;
text-align  :justify;
}

.link a {
position        :relative;
padding         : 1px 6px;
border-right    : 1px dotted #555;
color           : #555;
text-decoration : none;
font-size       :15px;
}

解决方法

我认为这会奏效.我已经用更多的链接更新了JSFiddle,你可以看看是否是你正在寻找的显示器.最后一行不合理,但这是可以预料的.

white-space:nowrap;

JSFiddle

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读