草庐IT

border-width

全部标签

html - CSS中border-bottom的 flex 端

我想让我的边框底部看起来像这样:有一个flex的末端。目前它看起来像这样:我尝试使用的CSS是border-bottom-right-radius:10px;。代码如下所示:loremipsum.title{border-bottom:10pxsolid$mainRed;border-bottom-right-radius:10px;}我还尝试了border-radius:10px;这给了我相同的结果,只是两端都是flex的。增加这个数字只会使直线向上倾斜。如何使线条看起来正确? 最佳答案 这在默认边框内是不可能的,因为border

html - Firefox : border-color, border-radius 和背景颜色创建参差不齐的边缘和空白

看看下面的HTML和CSS。.box{border-radius:15px;border:#333solid3px;background:#333;}Helloworld它在Firefox中产生这个:如您所见,div的边框和背景留下了可见的微小间隙。由于具有不同背景颜色的悬停状态,我需要边框。我该如何克服这个问题? 最佳答案 这很可能是Firefox中的错误。你可以做一个简单的技巧来解决这个问题:(这不是最好的解决方案,我知道,但问题似乎很严重)标记:通过“包装”div的假边框Helloworldcss:填充就可以了.wrapper

javascript - ReactJS + Material-UI : How to reduce column width of Material-UI's <TableRow/>?

我目前正在使用ReactJS+Material-UI,以及Material-UI的,列宽会根据内容自动设置。目前它似乎在所有列上强制执行相同的宽度,但我希望某些列比其他列占用更多的宽度。那么有没有办法任意分配的宽度呢?的专栏,仍然是基于内容的动态? 最佳答案 您可以设置TableHeaderColumn及其对应的TableRowColumns的样式。下面我将宽度设置为12像素(背景颜色设置为黄色只是为了进一步演示自定义样式)工作jsFiddle:https://jsfiddle.net/0zh1yfqt/1/const{Table,

html - min-height/min-width 在某些浏览器中不考虑 box-sizing

请看这个例子:http://jsfiddle.net/vrgT3/5/我用overflow:auto;创建了一个250x250px父div,因此当内容溢出框时会出现滚动条。我设置了蓝色背景,以便在父级可见时清晰显示。在父级内部是一个带有红色背景的子级div,以便可见。它有8px黑色边框和box-sizing:border-box;因此填充和边框包含在计算框的大小中。子div设置为min-height:100%和min-width:100%。预期结果:子div应与父div大小完全相同,因此不会显示蓝色,也不会出现滚动条。计算出的框大小(内容+填充+边框)应为250x250px。应该有8p

android - 为什么 LayoutInflater 会忽略我指定的 layout_width 和 layout_height 布局参数?

让LayoutInflater按预期工作时遇到了严重问题,其他人也是如此:Howtouselayoutinflatortoaddviewsatruntime?.为什么LayoutInflater会忽略我指定的布局参数?例如。为什么我的资源XML中的layout_width和layout_height值不被接受? 最佳答案 我已经调查过这个问题,引用LayoutInflaterdocs并建立了一个小样本示范项目。以下教程展示了如何使用LayoutInflater动态填充布局。在我们开始之前,看看LayoutInflater.infla

android - 为什么 LayoutInflater 会忽略我指定的 layout_width 和 layout_height 布局参数?

让LayoutInflater按预期工作时遇到了严重问题,其他人也是如此:Howtouselayoutinflatortoaddviewsatruntime?.为什么LayoutInflater会忽略我指定的布局参数?例如。为什么我的资源XML中的layout_width和layout_height值不被接受? 最佳答案 我已经调查过这个问题,引用LayoutInflaterdocs并建立了一个小样本示范项目。以下教程展示了如何使用LayoutInflater动态填充布局。在我们开始之前,看看LayoutInflater.infla

HTML 表格列宽 : combining fixed and variable widths

我做了这样一张表:aaabbbccc我如何使用CSS使b和c列具有固定宽度,a列只占用所需的空间,而空间列扩展以填充表格的其余部分? 最佳答案 我不是CSS大师,但没有办法做到这一点似乎是不对的。这似乎适用于Firefox和IE7。我没有检查其他浏览器。第一个shrink-to-fit设置(使用CSS)为0宽度,因此它会缩小以适合内容。第二个空格设置(使用CSS)宽度大于表格中的宽度。最后两个定宽的宽度不在上。相反,它设置为样式。这会强制列宽。colstd.fixed-width{width:100px;background-col

html - IE 8 溢出 : hidden and max-width

我想在表格中显示文字,当它比150px宽时我想切割它,但我不想要表格单元格的固定宽度(如果没有文字,宽度将为0px)。在IE9、Firefox、Chrome、Opera中一切正常,但在IE8中不正常。IE8中的代码示例:Chrome中的代码示例:代码如下:td,span{border:1pxsolidred;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}span{border:1pxsolidgreen;display:block;}WorksinFirefox,Chrome,Ope

javascript - 未捕获的类型错误 : Cannot read property 'width' of null

我实际上不知道发生了什么,因为它昨晚还在工作。无论如何,我正在尝试使用html5和javascript制作绘图应用程序。这是我第一次正确地看待JS并用它创建一些东西,所以我从各种教程中获得了我的代码,并从其他friend那里得到了帮助a.k.a我是一个n00b。我使用了以下内容:github.com/jaseemkp/paint-app-with-save-facilitycodetheory.in/different-tools-for-our-sketching-application/HTML5CanvasCookbook-第6章:与Canvas交互:将事件监听器附加到形状和区域

html - `min-width` 不适用于表单 `input[type="button"]` 元素吗?

有人知道这不起作用的原因吗?(适用于width,但不适用于min-width)input[type="button"]{min-width:100px;}编辑:澄清“按钮”选择器适用于width,只是不是min-widthmin-width适用于其他元素,只是不适用“按钮”选择器这是在Chrome/Safari。不是IE问题。 最佳答案 我也遇到了这个问题。min-width确实有效,但可能无法为您提供预期的结果,或者可能由于按钮的默认box-sizing为border-而无法正常工作框。尝试在按钮上设置box-sizing:con