我试图在HTML中定义一个div标签周围的边界。在某些浏览器中，边框不显示。
这是我的HTML代码:
<div id=“divActivites” name=“divActivites” style=“border：thin”> <textarea id=“inActivities” name=“inActivities” style=“border：solid”> </textarea> </div>
我如何设置一个HTML div标签的边界?
当前回答
在引导4中，您可以像这样使用边界实用程序。
< script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /> < script src = " https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js " > < /脚本> <时尚> .border-5 { Border-width: 5px ! ｝ > < /风格 >一些内容</textarea>
其他回答
在引导4中，您可以像这样使用边界实用程序。
< script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" /> < script src = " https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js " > < /脚本> <时尚> .border-5 { Border-width: 5px ! ｝ > < /风格 >一些内容</textarea>
根据W3C:
由于边框样式的初始值为“none”，除非设置了边框样式，否则没有边框是可见的。
换句话说，你需要设置一个边框样式(例如固体)来显示边框。边框:thin只设置宽度。此外，颜色默认情况下将与文本颜色相同(通常看起来不太好)。
我建议设置这三种样式:
style="border: thin solid black"
试着明确所有的边界属性。例如:
border:1px solid black;
参见边界简写属性。虽然其他部分是可选的，但一些浏览器不会将宽度或颜色设置为您期望的默认值。在你的例子中，我打赌它的宽度是零，除非指定。
可以使用
border-width:2px;
border-style:solid;
border-color:black;
或者简写
border: 2px solid black
.centerImge {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
height:50%;
}
<div>
@foreach (var item in Model)
{
<span> <img src="@item.Thumbnail" class="centerImge" /></span>
<h3 style="text-align:center"> @item.CategoryName</h3>
}
</div>
