blocks|key|3132939|text|您可以使用伪元素。例如。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3132940|​|3132941|div+{
++width+++:+200px;
++height++:+50px;+++
++position:+relative;
++z-index+:+1;
++background:+#eee;
}

div:before+{
++content+:+"";
++position:+absolute;
++left++++:+0;
++bottom++:+0;
++height++:+1px;
++width+++:+50%25;++/*+or+100px+*/
++border-bottom:1px+solid+magenta;
}|code-block|syntax|javascript|3132942|<div>Item+1</div>
<div>Item+2</div>|3132943|3132944|不需要使用额外的标记用于表示目的。:after也是从IE8支持的。|3132945|编辑：|3132946|如果需要右对齐的边框，只需用right:+0更改left:+0即可|offset|length|style|CODE|3132947|如果需要一个居中对齐的边框，只需设置left:+50px;|3132948|entityMap^0|0|0|0|0|0|0|0|E|8|O|7|0|I|B|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|16|8|@$R|17|S|18|T|U]|$R|19|S|1A|T|U]]|9|@]|A|$]]|$1|V|3|W|5|6|7|1B|8|@$R|1C|S|1D|T|U]]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|Y|$]]

<p>You can use pseudoelements. E.g.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>div {
  width   : 200px;
  height  : 50px;   
  position: relative;
  z-index : 1;
  background: #eee;
}

div:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid magenta;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;Item 1&lt;/div&gt;
&lt;div&gt;Item 2&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>No need to use extra markup for presentational purpose. :after is also supported from IE8. </p>

<p>edit: </p>

<p>if you need a right-aligned border, just change <code>left: 0</code> with <code>right: 0</code></p>

<p>if you need a center-aligned border just simply set <code>left: 50px;</code> </p>


blocks|key|242436|text|另一种方法(在现代浏览器中)是使用负扩散框阴影。查看更新后的小提琴：http://jsfiddle.net/WuZat/290/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|242437|box-shadow:+0px+24px+3px+-24px+magenta;|code-block|syntax|javascript|242438|我认为最安全和最兼容的方式是上面公认的答案。我只是想分享另一种技巧。|242439|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/WuZat/290/^0|Y|U|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>Another way to do this (in modern browsers) is with a negative spread box-shadow.  Check out this updated fiddle: <a href="http://jsfiddle.net/WuZat/290/">http://jsfiddle.net/WuZat/290/</a></p>

<pre><code>box-shadow: 0px 24px 3px -24px magenta;
</code></pre>

<p>I think the safest and most compatible way is the accepted answer above, though. Just thought I'd share another technique.</p>


blocks|key|3133061|text|我在h3标签下添加了行，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3133062|<h3+class="home_title">Your+title+here</h3>+
.home_title{
++++display:block;
}
.home_title:after+{
++++display:block;
++++clear:both;
++++content+:+"";
++++position:+relative;
++++left++++:+0;
++++bottom++:+0;
++++max-width:250px;
++++height++:+1px;
++++width+++:+50%25;++/*+or+100px+*/
++++border-bottom:1px+solid+#e2000f;
++++margin:0+auto;
++++padding:4px+0px;
}|code-block|syntax|javascript|3133063|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I added line under under h3 tag like this </p>

<pre><code>&lt;h3 class="home_title"&gt;Your title here&lt;/h3&gt; 
.home_title{
    display:block;
}
.home_title:after {
    display:block;
    clear:both;
    content : "";
    position: relative;
    left    : 0;
    bottom  : 0;
    max-width:250px;
    height  : 1px;
    width   : 50%;  /* or 100px */
    border-bottom:1px solid #e2000f;
    margin:0 auto;
    padding:4px 0px;
}
</code></pre>


blocks|key|244669|text|您可以使用线性渐变：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|244670|​|244671|div+{
++++width:100px;
++++height:50px;
++++display:block;
++++background-image:+linear-gradient(to+right,+#000+1px,+rgba(255,255,255,0)+1px),+linear-gradient(to+left,+#000+0.1rem,+rgba(255,255,255,0)+1px);
	background-position:+bottom;
	background-size:+100%25+25px;
	background-repeat:+no-repeat;
++++border-bottom:+1px+solid+#000;
++++border-top:+1px+solid+red;
}|code-block|syntax|javascript|244672|<div></div>|244673|244674|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>You can use a linear gradient:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    width:100px;
    height:50px;
    display:block;
    background-image: linear-gradient(to right, #000 1px, rgba(255,255,255,0) 1px), linear-gradient(to left, #000 0.1rem, rgba(255,255,255,0) 1px);
	background-position: bottom;
	background-size: 100% 25px;
	background-repeat: no-repeat;
    border-bottom: 1px solid #000;
    border-top: 1px solid red;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|247241|text|您不能拥有与div本身不同大小的边框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|247242|解决方案是只需在with下添加另一个div，居中或绝对定位，具有所需的1像素边界和仅1像素的高度。|247243|http://jsfiddle.net/WuZat/3/|offset|length|247244|我将原始边框留在中，以便您可以看到宽度，并且有两个示例--一个宽度为100，另一个宽度为100居中。删除你不想使用的文件。|247245|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|S|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@$F|T|G|U|1|V]]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|E]]]]

<p>You cannot have a different sized border than the div itself.</p>

<p>the solution would be to just add another div under neath, centered or absolute positioned, with the desired 1pixel border and only 1pixel in height.</p>

<p><a href="http://jsfiddle.net/WuZat/3/" rel="nofollow">http://jsfiddle.net/WuZat/3/</a></p>

<p>I left the original border in so you can see the width, and have two examples -- one with 100 width, and the other with 100 width centered. Delete the one you dont wish to use.</p>


blocks|key|2918935|text|虽然晚了，但是对于任何想要创建两个边框(在我的例子中是在底部和右侧)的人来说，您可以在被接受的答案中使用该技术，并为第二行添加一个:after+psuedo-element，然后只需像这样更改属性：http://jsfiddle.net/oeaL9fsm/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2918936|div
{
++width:500px;
++height:500px;+++
++position:+relative;
++z-index+:+1;
}
div:before+{
++content+:+"";
++position:+absolute;
++left++++:+25%25;
++bottom++:+0;
++height++:+1px;
++width+++:+50%25;
++border-bottom:1px+solid+magenta;
}
div:after+{
++content+:+"";
++position:+absolute;
++right++++:+0;
++bottom++:+25%25;
++height++:+50%25;
++width+++:+1px;
++border-right:1px+solid+magenta;
}|code-block|syntax|javascript|2918937|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/oeaL9fsm/^0|2R|T|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Late to the party but for anyone who wants to make 2 borders (on the bottom and right in my case) you can use the technique in the accepted answer and add an :after psuedo-element for the second line then just change the properties like so:
<a href="http://jsfiddle.net/oeaL9fsm/" rel="nofollow noreferrer">http://jsfiddle.net/oeaL9fsm/</a></p>

<pre><code>div
{
  width:500px;
  height:500px;   
  position: relative;
  z-index : 1;
}
div:before {
  content : "";
  position: absolute;
  left    : 25%;
  bottom  : 0;
  height  : 1px;
  width   : 50%;
  border-bottom:1px solid magenta;
}
div:after {
  content : "";
  position: absolute;
  right    : 0;
  bottom  : 25%;
  height  : 50%;
  width   : 1px;
  border-right:1px solid magenta;
}
</code></pre>


blocks|key|242483|text|div{
++++font-size:+25px;
++++line-height:+27px;
++++display:inline-block;
++++width:200px;
++++text-align:center;
}

div::after+{
++++background:+#f1991b+none+repeat+scroll+0+0;
++++content:+"";
++++display:+block;
++++height:+3px;
++++margin-top:+15px;
++++width:+100px;
++++margin:auto;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|242484|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>div{
    font-size: 25px;
    line-height: 27px;
    display:inline-block;
    width:200px;
    text-align:center;
}

div::after {
    background: #f1991b none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    margin-top: 15px;
    width: 100px;
    margin:auto;
}
</code></pre>


blocks|key|242539|text|我有情况有一些底部边框之间的图片在div容器和最好的一行代码是-插入边框-底部-风格：；|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|242540|entityMap^0|17|1|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>I have case to have some bottom border between pictures in div container and the best one line code was -  <strong>border-bottom-style: inset;</strong></p>


blocks|key|2918995|text|我在我的项目中做了类似的事情。我想在这里分享它。您可以添加另一个div作为子级，并给它一个小宽度的边框，然后用通常的CSS将它放在左边、中间或右边|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2918996|HTML代码：|2918997|++++<div>
++++++++content+
++++++++<div+class+="ac-brdr"></div>
++++</div>|code-block|syntax|javascript|2918998|CSS如下：|2918999|+++.active+{
++++color:+magneta;
++}
+++.active+.ac-brdr+{
++++++++width:+20px;
++++++++margin:+0+auto;
++++++++border-bottom:+1px+solid+magneta;
++}|2919000|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>I did something like this in my project. I would like to share it here. You can add another div as a child and give it a border with small width and place it left, centre or right with usual CSS</p>

<p>HTML code:</p>

<pre><code>    &lt;div&gt;
        content 
        &lt;div class ="ac-brdr"&gt;&lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>CSS as below:</p>

<pre><code>   .active {
    color: magneta;
  }
   .active .ac-brdr {
        width: 20px;
        margin: 0 auto;
        border-bottom: 1px solid magneta;
  }
</code></pre>


blocks|key|242423|text|边框被赋予了整个html元素。如果你想要半底边框，你可以用其他一些可识别的块来包装它，比如span。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|242424|HTML代码：|242425|<div>+<span>content+here+</span></div>|code-block|syntax|javascript|242426|CSS如下：|242427|+div{
++++width:200px;
++++height:50px;+++
++++}
+span{
++++++++width:100px;
++++++++border-bottom:1px+solid+magenta;+++
++++}+|242428|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>The border is given the whole html element. If you want half bottom border, you can wrap it with some other identifiable block like span.</p>

<p>HTML code:</p>

<pre><code>&lt;div&gt; &lt;span&gt;content here &lt;/span&gt;&lt;/div&gt;
</code></pre>

<p>CSS as below:</p>

<pre><code> div{
    width:200px;
    height:50px;   
    }
 span{
        width:100px;
        border-bottom:1px solid magenta;   
    } 
</code></pre>


blocks|key|242512|text|这将会有所帮助：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|242513|http://www.w3schools.com/tags/att_hr_width.asp|offset|length|242514|<hr+width="50%25">|code-block|syntax|javascript|242515|这将创建一条宽度为50%25的水平线，如果您想要编辑样式，则需要创建/修改该类。|242516|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1A|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|H|7|Y|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|Z|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

<p>This will help:</p>

<p><a href="http://www.w3schools.com/tags/att_hr_width.asp" rel="nofollow">http://www.w3schools.com/tags/att_hr_width.asp</a></p>

<pre><code>&lt;hr width="50%"&gt;
</code></pre>

<p>This creates a horizontal line with a width of 50%, you would need to create/modify the class if you would like to edit the style. </p>


blocks|key|2918957|text|我刚刚使用:after和::after实现了相反的效果，因为我需要使我的底部边框1.3rem更宽：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2918958|当我同时使用:before和:after时，我的元素发生了超级变形，因为这些元素与display:+flex、flex-direction:+row和align-items:+center水平对齐。|2918959|您可以使用它来制作更宽或更窄的东西，或者可能是任何数学维度的mod：|2918960|a.nav_link-active+{
++color:+$e1-red;
++margin-top:+3.7rem;
}
a.nav_link-active:visited+{
++color:+$e1-red;
}
a.nav_link-active:after+{
++content:+'';
++margin-top:+3.3rem;++++++//+margin+and+height+should
++height:+0.4rem;++++++++++//+add+up+to+active+link+margin
++background:+$e1-red;
++margin-left:+-$nav-spacer-margin;
++display:+block;
}
a.nav_link-active::after+{
++content:+'';
++margin-top:+3.3rem;++++++//+margin+and+height+should
++height:+0.4rem;++++++++++//+add+up+to+active+link+margin
++background:+$e1-red;
++margin-right:+-$nav-spacer-margin;
++display:+block;
}|code-block|syntax|javascript|2918961|对不起，这是SCSS，只需将数字乘以10，并用一些正常值更改变量即可。|2918962|entityMap^0|5|6|C|7|14|6|0|6|7|E|6|15|D|1J|J|23|J|0|0|0|6|4|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1A|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1B|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|R|$]]

<p>I just accomplished the opposite of this using <code>:after</code> and <code>::after</code> because I needed to make my bottom border exactly <code>1.3rem</code> wider:</p>

<p>My element got super deformed when I used <code>:before</code> and <code>:after</code> at the same time because the elements are horizontally aligned with <code>display: flex</code>, <code>flex-direction: row</code> and <code>align-items: center</code>.</p>

<p>You could use this for making something wider or narrower, or probably any mathematical dimension mods:</p>

<pre><code>a.nav_link-active {
  color: $e1-red;
  margin-top: 3.7rem;
}
a.nav_link-active:visited {
  color: $e1-red;
}
a.nav_link-active:after {
  content: '';
  margin-top: 3.3rem;      // margin and height should
  height: 0.4rem;          // add up to active link margin
  background: $e1-red;
  margin-left: -$nav-spacer-margin;
  display: block;
}
a.nav_link-active::after {
  content: '';
  margin-top: 3.3rem;      // margin and height should
  height: 0.4rem;          // add up to active link margin
  background: $e1-red;
  margin-right: -$nav-spacer-margin;
  display: block;
}
</code></pre>

<p>Sorry, this is <code>SCSS</code>, just multiply the numbers by 10 and change the variables with some normal values.</p>


blocks|key|3133232|text|带有伪元素的右边框长度小于父div|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3133233|​|3133234|@import+url(https://fonts.googleapis.com/css?family=Raleway);

body{
+font-family:+'Raleway',+sans-serif;
}

+
div+{
++width+++:+200px;
++height++:+50px;+++
++position:+relative;
++z-index+:+1;
++background-color:+#f5f5f5;
++margin:+20px+auto;
++padding:+20px;
++color:#726E97;
}

div:before+{
++content+:+"";
++position:+absolute;
++right++++:+0;
++top+++++:+25%25;
++height++:+50px;
++width+++:+50%25;
++border-right:5px+solid+#726E97;
}|code-block|syntax|javascript|3133235|<div>BOX+1</div>|3133236|3133237|entityMap^0|6|B|0|0|1|0|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|X|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|Q|$]]

<p><strong>Border right length smaller than parent div
with pseudo-elements</strong></p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>@import url(https://fonts.googleapis.com/css?family=Raleway);

body{
 font-family: 'Raleway', sans-serif;
}

 
div {
  width   : 200px;
  height  : 50px;   
  position: relative;
  z-index : 1;
  background-color: #f5f5f5;
  margin: 20px auto;
  padding: 20px;
  color:#726E97;
}

div:before {
  content : "";
  position: absolute;
  right    : 0;
  top     : 25%;
  height  : 50px;
  width   : 50%;
  border-right:5px solid #726E97;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;BOX 1&lt;/div&gt;</code></pre>
</div>
</div>
</p>


<p>I have following code </p>

<pre><code>div {
   width:200px;
   border-bottom:1px solid magenta;
   height:50px;   
}
</code></pre>

<p><strong><a href="http://jsfiddle.net/WuZat/">DEMO</a></strong></p>

<p>The div width is 200px so border-bottom is also 200px but what should I do if I want border-bottom only 100px without changing div width?</p>


Border length smaller than div width?

我有以下代码div {   width:200px;   border-bottom:1px solid magenta;   height:50px;   }div的宽度是200px，所以边框底部也是200px，但是如果我只想要100px的边框底部，而不改变div宽度，我应该怎么做？

问边框长度是否小于div宽度？
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问边框长度是否小于div宽度？EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问边框长度是否小于div宽度？
EN