[已解决]html 中div和nobr同时用怎么破

bie33333 · 发表于 2020-9-18 22:20:17

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 bie33333 于 2020-9-18 22:22 编辑

原本是想给四个链接加边框的同时让他们并排，请问怎么改

或者有没有更简单的写法
代码如下

<head><style>
    div {
        display:inline
        width:50px;
        height:20px;
        border :2px solid white;
        border-radius :40px 40px 40px 40px ;
    }

</style></head>
<body>
<p align="center">
<nobr><div><a href="http://www.tiaozhan.com" style="color:white">
    前端</a></div>>
<div><a href="http://www.tiaozhan.com" style="color:white">
    后端</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
    运维</a></div>
<div><a href="http://www.tiaozhan.com" style="color:white">
    更多</a></div></nobr>
</p></body>

最佳答案

月排行榜 / 总排行榜

liuzhengyuan

2020-9-18 22:34:49

本帖最后由 liuzhengyuan 于 2020-9-18 22:36 编辑

bie33333 发表于 2020-9-18 22:30
可是我背景是黑的

刚刚没理解意思

，这样改（外面再加一个大的 div 然后样式加载这个大的 div 上）：

<head><style>
    .t {  
        border :2px solid white;
        border-radius :40px 40px 40px 40px ;
    }
        
        * {
    background-color: black;
}

</style></head>
<body>
<p align="center">
<nobr><div class="t"><div  ><a href="http://www.tiaozhan.com" style="color:white">
    前端</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    后端</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    运维</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    更多</a></div></div></nobr>
</p></body>

跳转到最佳答案楼层

liuzhengyuan · 发表于 2020-9-18 22:27:43

本帖最后由 liuzhengyuan 于 2020-9-18 22:29 编辑

style="color:white"
这句话的意思时把文字的颜色变白，变白了文字就看不见了

而且border的颜色时白色的，所以看不见边框

你可以设置一个背景

* {
    background-color: black;
}

这样就可以看见了

bie33333 · 发表于 2020-9-18 22:30:17

liuzhengyuan 发表于 2020-9-18 22:27
style="color:white"
这句话的意思时把文字的颜色变白，变白了文字就看不见了

可是我背景是黑的

liuzhengyuan · 发表于 2020-9-18 22:34:49

这个最佳答案由 liuzhengyuan 给出，感谢 liuzhengyuan 的回答。

单击隐藏图章

本帖最后由 liuzhengyuan 于 2020-9-18 22:36 编辑

bie33333 发表于 2020-9-18 22:30
可是我背景是黑的

刚刚没理解意思

，这样改（外面再加一个大的 div 然后样式加载这个大的 div 上）：

<head><style>
    .t {  
        border :2px solid white;
        border-radius :40px 40px 40px 40px ;
    }
        
        * {
    background-color: black;
}

</style></head>
<body>
<p align="center">
<nobr><div class="t"><div  ><a href="http://www.tiaozhan.com" style="color:white">
    前端</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    后端</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    运维</a></div>
<div  ><a href="http://www.tiaozhan.com" style="color:white">
    更多</a></div></div></nobr>
</p></body>

kogawananari · 发表于 2020-9-18 23:58:45

行内块；
浮动；
弹性布局；
表格布局；
以上都可以的，后两种低版本ie浏览器不支持

账号		自动登录	找回密码
密码			立即注册