我在React中有这个非常简单的组件。我有点新的反应。我尝试了一切来移除空白区域,但我无法弄清楚是什么原因导致白色空间出现。只有保证金负数似乎是可行的解决方案,但我知道不适合使用请告诉我如何解决它 导入React,{Component}来自'反应&#39 ;;
class Shopdetail extends Component{
constructor(props){
super(props);
this.state={
data: this.props.data,
redirect:false
};
}
componentDidMount(){
console.log(this.props.match.params.idUser);
}
render(){
return(
<div style={{ verticalAlign: 'top',margin:'0',clear:'both'}}>
<div style={{background:'#cc5',width:'100%',height:'100px',verticalAlign: 'top',boxSizing: 'border-box',clear:'both',padding:'0'}}>Hey</div>
</div>
)
}
}
export default Shopdetail
答案 0 :(得分:1)
从正文中移除边距或只是添加
body{
margin : 0px !important;
}
答案 1 :(得分:0)
每个浏览器都有每个元素的默认样式表。
考虑一下h1
标签的字体大小如何大于p
标签...... !!此样式表称为User Agent StyleSheet
。
此User Agent StyleSheet
有默认保证金&amp;每个标签的填充(不同的填充和不同标签的边距)。
更好的方法是重置那些填充和放大器。开始项目后通过普遍选择保证金。
*,
*:after,
*:before {
margin:0;
padding:0;
box-sizing:border-box;
}
答案 2 :(得分:-1)
尝试使用此css重置...添加到您的CSS顶部
from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver import ChromeOptions
import unittest
class TestBase(unittest.TestCase):
driver = None
def __init__(self,testName,browser):
self.browser = browser
super(TestBase,self).__init__(testName)
def setUp(self):
if self.browser == "firefox":
TestBase.driver = webdriver.Firefox()
elif self.browser == "chrome":
options = ChromeOptions()
options.add_argument("--start-maximized")
TestBase.driver = webdriver.Chrome(chrome_options=options)
self.url = "https://www.airbnb.co.in/"
self.driver = TestBase.getdriver()
TestBase.driver.implicitly_wait(10)
def tearDown(self):
self.driver.quit()
@staticmethod
def getdriver():
return TestBase.driver
@staticmethod
def waitForElementVisibility(locator, expression, message):
try:
WebDriverWait(TestBase.driver, 20).\
until(EC.presence_of_element_located((locator, expression)),
message)
return True
except:
return False